html, body {
	width:100%;
	margin:0;
	padding:0;
	background-color:#999999;
	font-family: 'Lato', sans-serif;
	font-size: large;
	color:#ffffff;
}

a {
	color:white;
}

a:hover {
	color:white;
	text-decoration:underline;
}

.div_HTML {
	width:100%;
	max-width:1080px;
	margin: 0 auto;
}

.div_NAVI-sub1 {
	width:100%;
}

.div_NAVI-sub2 {
  width: 100%;
  text-align: center;
}

.div_BODY-main {
	width:100%;
}

@media (max-width: 640px) {
	H1, H2, H3, H4 {
		font-size: large;
		font-weight:bold;
		margin:0px;
	}
	
	.div_NAVI-padtop {
		height:54px;
		font-size:x-small;
	}
	
	.div_NAVI-main {
		width:100%;
		background: black; /* For browsers that do not support gradients */
		background: -webkit-linear-gradient(black, gray); /* For Safari 5.1 to 6.0 */
		background: -o-linear-gradient(black, gray); /* For Opera 11.1 to 12.0 */
		background: -moz-linear-gradient(black, gray); /* For Firefox 3.6 to 15 */
		background: linear-gradient(black, gray); /* Standard syntax */
		position:fixed;
		z-index:1;
		top:0px;
		font-size:large;
	}
	
	.div_NAVI-sub3A {
		display: inline-block;
		padding-top:16px;
		padding-bottom:16px;
		padding-left:5px;
		padding-right:5px;
		background-color:darkgreen;
	}

	.div_NAVI-sub3B {
		display: inline-block;
		padding-top:16px;
		padding-bottom:16px;
		padding-left:5px;
		padding-right:5px;
		border-left:solid 1px #666666;
	}
	
	.div_NAVI-sub3A:hover {
		background-color: green; /* For browsers that do not support gradients */
		background: -webkit-linear-gradient(darkgreen, green); /* For Safari 5.1 to 6.0 */
		background: -o-linear-gradient(darkgreen, green); /* For Opera 11.1 to 12.0 */
		background: -moz-linear-gradient(darkgreen, green); /* For Firefox 3.6 to 15 */
		background: linear-gradient(darkgreen, green); /* Standard syntax */
	}

	.div_NAVI-sub3B:hover {
		background-color: green; /* For browsers that do not support gradients */
		background: -webkit-linear-gradient(darkgreen, green); /* For Safari 5.1 to 6.0 */
		background: -o-linear-gradient(darkgreen, green); /* For Opera 11.1 to 12.0 */
		background: -moz-linear-gradient(darkgreen, green); /* For Firefox 3.6 to 15 */
		background: linear-gradient(darkgreen, green); /* Standard syntax */
	}

	.div_HEAD-main {
		width:100%;
		height:125px;
		background-color:lightblue;
		text-align:center;
	}

	.div_HEAD-sub1 {
		height:100%;
		background-image:url('fotolia_113717943.jpg');
		background-repeat:no-repeat;
		background-size:cover;
	}

	.div_HEAD-sub2A {
		width:100%;
		/* text-align:center; */
	}

	.img_HEAD-logo {
		width:100%;
		max-width:250px;
		padding-left:32px;
		padding-top:34px;
	}

	.div_HEAD-sub2B {
		display:none;
		width:100%;
		font-size:large;
		text-align:center;
	}
	
	.div_BODY-sub1 {
		padding:20px;
		float:left;
		background-color:#dcdcdc;
	}

	.div_BODY-sub2 {
		width:100%;
		font-size:medium;
	}

	.div_BODY-sub3A1 {
		padding:10px;
		color:#666666;
	}
			
	.div_BODY-sub3B1 {
		padding:20px;
		background-color: #f5f5f5; /* For browsers that do not support gradients */
		background: -webkit-linear-gradient(right,#dcdcdc, #f5f5f5); /* For Safari 5.1 to 6.0 */
		background: -o-linear-gradient(right,#dcdcdc, #f5f5f5); /* For Opera 11.1 to 12.0 */
		background: -moz-linear-gradient(right,#dcdcdc, #f5f5f5); /* For Firefox 3.6 to 15 */
		background: linear-gradient(right,#dcdcdc, #f5f5f5); /* Standard syntax */
		border-left:solid 1px #999999;
		color:#666666;
	}
	
	.div_BODY-sub3B2 {
		padding:10px;
		color:#666666;
	}
			
	.div_WIDE-main {
		width:100%;
		height:auto;
	}
	
	.div_WIDE-sub1 {
		padding:20px;
		background-color:darkgreen;
		font-size:large;
		color:#f5f5f5;
	}
	
	.span_FOOT-spacer {
		display:none;
		color:#666666;
	}
	
	.div_FOOT-main {
		width:100%;
	}

	.div_FOOT-sub1 {
		/* padding */
	}

	.div_FOOT-sub2 {
		font-size:large;
		text-align:center;
	}
			
	.span_FOOT-copy {
		font-size:small;
		color:#dcdcdc;
	}
}

@media (min-width: 641px) {
	H1, H2, H3, H4 {
		font-size: x-large;
		font-weight:bold;
		margin:0px;
	}
	
	.div_HEAD-main {
		width:100%;
		height:200px;
		background-color:lightblue;
	}
	
	.div_HEAD-sub1 {
		height:100%;
		background-image:url('fotolia_113717943.jpg');
		background-repeat:no-repeat;
		background-size:cover;
	}

	.div_HEAD-sub2A {
		width:50%;
		float:left;
	}

	.img_HEAD-logo {
		width:380px;
		position:relative;
		top:50px;
		left:50px;
	}

	.div_HEAD-sub2B {
		width:50%;
		float:left;
		font-size:x-large;
		text-align:right;
	}
	
	.div_BODY-sub1 {
		padding-left:25px;
		padding-right:25px;
		padding-top:25px;
		padding-bottom:25px;
		float:left;
		background-color:#dcdcdc;
	}

	.div_BODY-sub2 {
		width:50%;
		float:left;
	}

	.div_BODY-sub3A1 {
		padding-left:25px;
		padding-right:25px;
		padding-top:25px;
		padding-bottom:25px;
		color:#666666;
	}
			
	.div_BODY-sub3B1 {
		padding-left:25px;
		padding-right:25px;
		padding-top:25px;
		padding-bottom:25px;
		background-color: #f5f5f5; /* For browsers that do not support gradients */
		background: -webkit-linear-gradient(right,#dcdcdc, #f5f5f5); /* For Safari 5.1 to 6.0 */
		background: -o-linear-gradient(right,#dcdcdc, #f5f5f5); /* For Opera 11.1 to 12.0 */
		background: -moz-linear-gradient(right,#dcdcdc, #f5f5f5); /* For Firefox 3.6 to 15 */
		background: linear-gradient(right,#dcdcdc, #f5f5f5); /* Standard syntax */
		border-left:solid 1px #999999;
		color:#666666;
	}
			
	.div_BODY-sub3B2 {
		padding-left:33px;
		padding-right:50px;
		padding-top:33px;
		padding-bottom:50px;
		background-color: #f5f5f5; /* For browsers that do not support gradients */
		background: -webkit-linear-gradient(left,#dcdcdc, #f5f5f5); /* For Safari 5.1 to 6.0 */
		background: -o-linear-gradient(left,#dcdcdc, #f5f5f5); /* For Opera 11.1 to 12.0 */
		background: -moz-linear-gradient(left,#dcdcdc, #f5f5f5); /* For Firefox 3.6 to 15 */
		background: linear-gradient(left,#dcdcdc, #f5f5f5); /* Standard syntax */
		border-right:solid 1px #999999;
		color:#666666;
	}
			
	.div_WIDE-main {
		width:100%;
		background-color:darkgreen;
				margin:0 auto;
	}

	.div_WIDE-sub1 {
		padding:25px;
		text-align:center;
		font-size:x-large;
	}

	.div_WIDE-sub2 {

	}

	.div_NAVI-padtop {
		width:100%;
		background-color:black;
		font-size:small;
	}

	.div_NAVI-main {
		width:100%;
		background: gray; /* For browsers that do not support gradients */
		background: -webkit-linear-gradient(gray, #dcdcdc); /* For Safari 5.1 to 6.0 */
		background: -o-linear-gradient(gray, #dcdcdc); /* For Opera 11.1 to 12.0 */
		background: -moz-linear-gradient(gray, #dcdcdc); /* For Firefox 3.6 to 15 */
		background: linear-gradient(gray, #dcdcdc); /* Standard syntax */
		border-top:solid 1px white;
	}
			
	.div_NAVI-sub3A {
		display: inline-block;
		padding-top:25px;
		padding-bottom:25px;
		padding-left:10px;
		padding-right:10px;
		background-color: green; /* For browsers that do not support gradients */
		background: -webkit-linear-gradient(darkgreen, green); /* For Safari 5.1 to 6.0 */
		background: -o-linear-gradient(darkgreen, green); /* For Opera 11.1 to 12.0 */
		background: -moz-linear-gradient(darkgreen, green); /* For Firefox 3.6 to 15 */
		background: linear-gradient(darkgreen, green); /* Standard syntax */
		font-size:x-large;
	}

	.div_NAVI-sub3B {
		display: inline-block;
		padding-top:25px;
		padding-bottom:25px;
		padding-left:10px;
		padding-right:10px;
		font-size:x-large;
	}

	.div_NAVI-sub3B:hover {
		background-color: green; /* For browsers that do not support gradients */
		background: -webkit-linear-gradient(darkgreen, green); /* For Safari 5.1 to 6.0 */
		background: -o-linear-gradient(darkgreen, green); /* For Opera 11.1 to 12.0 */
		background: -moz-linear-gradient(darkgreen, green); /* For Firefox 3.6 to 15 */
		background: linear-gradient(darkgreen, green); /* Standard syntax */
	}
	
	.div_FOOT-main {
		width:100%;
		background-color:#333333;
	}

	.div_FOOT-sub1 {
		/* padding */
	}

	.div_FOOT-sub2 {
		font-size:large;
		text-align:center;
	}
			
	.span_FOOT-copy {
		font-size:small;
		color:#dcdcdc;
	}
}