.top {

	background-color:#fff;

	height:7em;

}

.footerrow {

	background-color:#fff;

}

.toprow {

	background-color:#7C7C7C;

	height:2.5em;

	position: fixed;

    z-index: 999;

	top:0;

}

.topnavi a {

	display:block;

	float:left;

	margin-left:0.3em;

}

.topnavi ul {

	list-style:none;

	display:block;

	float:right;

	padding:0em;

	margin:0em;

}

.service-image {

	display:block;

	float:left;

	max-height:13em;

	margin-right:1em;

}

.buttongrid {

background: #eeeeee;

background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%);

background: -webkit-linear-gradient(top, #eeeeee 0%,#cccccc 100%);

background: linear-gradient(to bottom, #eeeeee 0%,#cccccc 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 );

-webkit-border-bottom-right-radius: 5px;

-webkit-border-bottom-left-radius: 5px;

-moz-border-radius-bottomright: 5px;

-moz-border-radius-bottomleft: 5px;

border-bottom-right-radius: 5px;

border-bottom-left-radius: 5px;

	width:21.6667%;

	padding-left:1%;

	padding-right:1%;

	padding-bottom:0.5em;

	margin-right:3%;

}

.topnavi ul li {

	display:block;

	float:left;

	padding:0.6em;

	color:#fff;

	border-left:1px solid #fff;

}

.topnavi a {

	color:#fff;

	text-decoration:none;

}

.topnavi a:hover {

	text-decoration:underline;

}



body {

	background-color:#FFF;

	font-family: 'Roboto', sans-serif;

	font-size:1em;

}



a {

	color:#006CC4;

	text-decoration:none;

}

a:hover {

	text-decoration:underline;

}



.content2 ul {

	margin:0px;

	padding:0px;

	list-style:none;

}



.content2 a {

	color:#fff;

	text-decoration:none;

}



.content2 a:hover {

	text-decoration:underline;

}

.banner {

	margin-top:2em;

}

.banner img {

	min-width:100%;

}

.frontbuttons {

	margin-top:1em;

}

.footerrow h3 {

	color:#2A2A2A;

}

.content2 h2{

	color:#fff;

}

.content2 {

	margin-top:1em;

}

.content2 h3 {

	color:#fff;

}

.newsbox ul {

	margin:0em;

	padding:0em;

	list-style:none;

	padding-bottom:2em;

}

.fpagetext {

	color:#000;

}



.mark {

	padding-bottom:0.5em;

	border-bottom:1px solid #D1D1D1;

}



.newsbox li {

	padding-top:0.3em;

	padding-bottom:0.3em;

}

.content2 p {

	color:#878787;

}



.content  h4{

	color:grey;

	font-size:1.1em;

}



.content h1 {

	color:#6B6B6B;

}

.content h2 {

	color:#6B6B6B;

}

.helper {

    display: inline-block;

    height: 100%;

    vertical-align: middle;

}

img {

	

    max-width:100% !important;

    height:auto;

    display:block;

}

.content2 {

	padding-top:2em;

	padding-bottom:2em;

	color:#878787;

	border-top:1px solid #D1D1D1;

}

.logogrid {

	padding-right:1.1%;

white-space: nowrap;

}



.logogrid img {



vertical-align: middle;

	max-height:10em;

}



h1 {

	font-size:2.0em;

	color:#6B6B6B;

}

h2 {

	color:#6B6B6B;

}

input {

	padding:0em;

	border:1px solid #2B2B2B;

	width:100%;

	height:2.5em;

	margin-bottom:1em;

}

textarea {

	border:1px solid #2B2B2B;

	width:100%;

}

.pimagegrid img {

	padding:0.3%;

	border:1px solid grey;

	width:99%;

}

.linkbutton {

	display:block;

	float:left;

	width:100%;

	margin-top:1em;

	text-align:center;

	padding-top:1em;

	padding-bottom:1em;

	border:1px solid black;

	background-color:#006DC5;

	color:#fff;

	text-decoration:none;

}

.linkbutton:hover {

	text-decoration:none;

}

.navigation {

	list-style:none;

	padding:0px;

	text-align:left;

}

.navigation li {

	display:block;

	float:left;

}



.navigation a {

	display:block;

	float:left;

	padding:1em;

	color:black;

	text-decoration:none;

}



.navigation a:hover {

	background-color:#5371AD;

	color:#fff;

}



  .productgrid h2 {

	text-align:center;

	color:#006CC4;

  }

  .productgrid img {

	margin-left:auto;

	margin-right:auto;

  }

.menubutton {

	display:none;

}

.content img {

	

}

.infogrid {

	text-align:right;

	padding-top:1em;

	color:#808080;

}

.infogrid img {

	float:none;

	display:inline;

}



/* PC */

@media screen and (min-width: 1121px) {

	.navigation {

		display:block !important;

	}

	.logo img {

		max-width:200% !important;

	}

}



/* TABLET */

@media screen and (min-width: 769px) and (max-width:1120px) {

	.navigrid {

		width:80% !important;

	}

	.navigation {

		float:left !important;

		margin-top:0em !important;

	}

	.navigation a {

		display:block !important;

		padding-left:2em;

		padding-right:2em;

		padding-top:1.5em !important;

		padding-bottom:1.5em !important;

		margin:none !important;

		}

	.navigation {

		display:block !important;

	}

}

/* MOBILE-PHONE */

@media screen and (max-width: 769px) {

  .logo img{

	max-width:200% !important;

  }

  .menubutton {

    display: block !important;

	float:right;

	padding-top:2.7em;

  }

  .navigrid {

	width:100% !important;

	padding:0% !important;

  }

  .buttongrid  {

	display:block !important;

	margin-top:1em !important;

  }

  .navigation {

	width:100%;

	display:none;

	text-align:center;

	margin:0px;

	padding:0px;

  }

  .navigation a {

  		padding-top:1.5em !important;

		padding-bottom:1.5em !important;

		margin-top:0em !important;

  }

  .navigation li {

	float:none !important;

	background-color:grey !important;

  }

  .navigation a {

	display:block !important;

	width:100%;

	padding-left:0em !important;

	padding-right:0em !important;

  }

  img {

	max-width:100% !important;



  }

  .topnavi {

	padding:0em !important;

  }

  .cgrid {

	margin:0em;

	clear:both !important;

	padding-right:10% !important;

	padding-left:10% !important;

	width:80% !important;

	padding-top:2em;

  }

  .pgrid {

	display:none !important;

  }

  .bannergrid {

	width:100% !important;

	padding:0em !important;

	padding-top:3em !important;

	padding-bottom:3em !important;

  }

  .bannergrid img {

	height:auto !important;

  }

  .logogrid {

	width:100%;

	text-align:center;

  }

  .logogrid img {

	display:inline !important;

	}

  .content2 {

	margin-top:4em;

	}

  .buttongrid {

	text-align:center;

}

.newsbox {

	text-align:center;

}

  .buttongrid img {

	max-width:60% !important;

	display:inline !important;

	}

}