@charset "utf-8";

/*wrap*/
body{width:100%;margin:0;padding:0;font-size:16px;line-height:24px;font-family:'Open Sans',sans-serif;color:#666666;background:#cdcdcd;-webkit-text-size-adjust:none}
#wrap{position:relative;width:980px;margin:0 auto;background:#fff}
#wrap2{position:relative;width:100%;max-width:960px;margin:0 auto;;background:#fff}

@media (min-width: 960px) { 
	body{background:#e6e6e6;font-size:14px;line-height:20px}
	#wrap2{
		margin:calc(50vw - 480px) auto;
		-webkit-border-radius: 20px;
		-webkit-border-top-left-radius: 5px;
		-webkit-border-bottom-right-radius: 5px;
		-moz-border-radius: 20px;
		-moz-border-radius-topleft: 5px;
		-moz-border-radius-bottomright: 5px;
		border-radius: 20px;
		border-top-left-radius: 5px;
		border-bottom-right-radius: 5px;
		-webkit-box-shadow: 0px 0px 8px 0px rgba(50, 50, 50, 0.3);
		-moz-box-shadow:    0px 0px 8px 0px rgba(50, 50, 50, 0.3);
		box-shadow:         0px 0px 8px 0px rgba(50, 50, 50, 0.3);
	}
}
@media (min-width: 992px) { 
}
@media (min-width: 1024px) { 
	#wrap2{margin:32px auto}
}

/*html tags*/
hr{background-color:#666;border:0;color:#666;height:1px;margin:10px 0 10px 0}
a{color:#ff9a00}
a:hover{color:#666}
h1{font-size:22px;margin:0;padding:0 0 24px 0;line-height:30px;font-weight:400;color:#cdcdcd}
h2{font-size:16px;margin:0;padding:0 0 6px 0;line-height:24px;font-weight:600}
h3,
h4,
h5,
h6{font-size:16px;margin:0;padding:0 0 0 0;line-height:24px;font-weight:600}
p{margin:0;padding:0 0 24px 0}
ul{margin:0;padding:0 0 24px 0}
ol{margin:0;padding:0 0 24px 0}
li{margin:0 0 0 24px;padding:0}
img{border:0}
sub,sup{position:relative;height:0;line-height:1;vertical-align:baseline}
sup{bottom:1ex}
sub{top:.5ex}
address{position:absolute;left:20px;top:20px}
address img{display:block;width:140px;height:80px}
strong{font-weight:600}
@media (min-width: 960px) { 

	p{margin:0;padding:0 0 20px 0}
	ul{margin:0;padding:0 0 20px 0}
	ol{margin:0;padding:0 0 20px 0}

}

/*common classes*/
.hidden{display:none}
.center{text-align:center}
.flr{float:right}
.fll{float:left}
.clr{clear:right}
.cll{clear:left}
.tar{text-align:right}
.tal{text-align:left}
.clearer{height:0;overflow:hidden;margin-top:-1px;clear:both}
.fs90{font-size:90%}
.fs80{font-size:80%}

/*main structure*/
header{position:relative;width:100%;background:#fff}
header .container{position:relative;width:100%;margin:0 auto;background:#ff9a00;max-width:960px}
nav{position:relative;width:100%;background:#fff}
nav .container{position:relative;width:100%;margin:0 auto;background:#fff;max-width:960px}
div[role=main]{position:relative;width:100%;background:#fff}
div[role=main] .container{position:relative;width:100%;margin:0 auto;background:#fff;max-width:960px}
#rightcol{position:relative;width:100%;margin:0 auto;background:#cdcdcd;max-width:960px;box-sizing:border-box;padding:20px 20px 0 20px}
#quotewrapper{position:relative;width:100%}
#quotewrapper .container{position:relative;width:100%;margin:0 auto}
#articlewrapper{position:relative;width:100%}
#articlewrapper .container{position:relative;width:100%;margin:0 auto}
#mediawrapper{position:relative;width:100%}
#mediawrapper .container{position:relative;width:100%;margin:0 auto}
footer{position:relative;width:100%;background:#fff}
footer .container{position:relative;width:100%;height:50px;margin:0 auto;background:#cdcdcd;max-width:960px;font-size:12px}
footer .container p{line-height:50px;text-align:center;margin:0 20px;padding:0;color:#666}

/*logo*/
#logoSP3{position:absolute;left:4.375vw;top:2.29vw}
#logoSP3 img{display:block;width:10vw;max-width:96px}
#headerimg{}
#headerimg img{width:100%;height:auto;display:block;max-width:896px;margin:0 auto}
@media (min-width: 960px) { 
	#logoSP3{position:absolute;left:42px;top:22px}
	header{-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 20px;
border-top-left-radius: 5px;
border-top-right-radius: 20px;}
	header .container{background:url(/images/design/background.png) 0 0 repeat-y}
	footer{display:none}
	#wrap2{background:url(/images/design/background.png) 100% 0 repeat-y #fff}

	nav{position:relative;width:200px;float:left}
	#main{width:760px;float:right;border-left:1px solid #cdcdcd;box-sizing:border-box;margin:30px 0}
	div[role=main]{float:left;width:559px}
	#rightcol{float:right;width:200px;padding:9px 20px 0 20px}

}

/*mainmenu*/
#mainmenu{display:none}
#mainmenu > ul{display:block;list-style-type:none;margin:0;padding:0}
#mainmenu > ul ul{margin:0;padding:0;list-style-type:disc}
#mainmenu > ul > li{padding:0;margin:0}
#mainmenu > ul ul > li{padding:0;margin:0 0 0 50px}
#mainmenu ul li a{display:block;padding:20px 20px;color:#666;text-decoration:none;line-height:24px;font-size:100%;border-bottom:1px solid #cdcdcd;font-weight:400;text-align:left}
#mainmenu ul li li a{padding:5px 10px 5px 0;border:0}
#mainmenu ul li li:last-child a{padding-bottom:20px}
#mainmenu ul ul{border-bottom:1px solid #cdcdcd;display:none}
#mainmenu ul .current-direct-parent ul{display:block}
#mainmenu ul .current ul{display:block}
#mainmenu .current > a{color:#ff9a00}
#mainmenu > ul > .current.haschild > a{border:0;padding-bottom:5px}

#mainmenu .current-direct-parent > a{color:#ff9a00}
#mainmenu > ul > .current-direct-parent > a{border:0;padding-bottom:5px}

@media (min-width: 960px) { 
	#mainmenu{padding:32px 0}
	#mainmenu ul li a{padding:5px 20px;border-bottom:0}
	#mainmenu ul li li a{padding:4px 10px 4px 0;border:0;font-size:13px;line-height:18px}
	#mainmenu ul li li:last-child a{padding-bottom:7px}
	#mainmenu ul ul{border-bottom:0}
	#mainmenu > ul ul > li{padding:0;margin:0 0 0 36px}

	#mainmenu ul .menu_DefaultPage_1{position:absolute;top:-155px;left:760px;z-index:1000}
	#mainmenu ul .menu_DefaultPage_4{position:absolute;top:-155px;right:-760px;z-index:1000}
	#mainmenu ul .menu_DefaultPage_1 a{font-size:16px;text-transform:lowercase;color:#9a9a9a;border-right:1px solid #9a9a9a;line-height:16px;padding:0 15px 0 0;text-align:right;width:90px;box-sizing:border-box}
	#mainmenu ul .menu_DefaultPage_4 a{font-size:16px;text-transform:lowercase;color:#9a9a9a;line-height:16px;padding:0 0 0 15px;text-align:left;width:110px;box-sizing:border-box}
	#mainmenu ul .menu_DefaultPage_1 a:hover{color:#666}
	#mainmenu ul .menu_DefaultPage_4 a:hover{color:#666}
	#mainmenu ul .current.menu_DefaultPage_1 a{color:#666}
	#mainmenu ul .current.menu_DefaultPage_4 a{color:#666}
}

/*button menu*/
#btnmenu{position:absolute;right:0;top:-14.58vw;display:block;width:18.75vw;height:14.58vw;padding:calc(7.292vw - 10px) calc(9.375vw - 16px) 0 calc(9.375vw - 16px);cursor:pointer;box-sizing:border-box;-webkit-tap-highlight-color: rgba(0,0,0,0);z-index:101}
#btnmenu .line{position:relative;margin:0 0 4px 0;display:block;width:100%;height:4px;background:#fff;box-sizing:border-box;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
#btnmenu .cross{display:none;position:absolute;left:calc(9.375vw - 16px);top:calc(7.292vw - 2px);width:32px;height:4px;background:#fff;box-sizing:border-box;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-ms-transform: rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg)}
#btnmenu .cross1{-ms-transform: rotate(135deg);-webkit-transform:rotate(135deg);transform:rotate(135deg)}

@media (min-width: 960px) { 
	
}

/*DefaultPage*/
#DefaultPage{padding:20px 20px 0 20px;line-height:24px}
#DefaultPage img{max-width:100% !important;height:auto !important}
#DefaultPage iframe{max-width:100% !important;height:auto !important}
@media (min-width: 960px) { 
	#DefaultPage{padding:0 52px 0 52px;margin:0;line-height:24px;}
}

/*DefaultForm*/
.DefaultForm{position:relative;margin:0;padding:0}
.DefaultForm fieldset{border:0;margin:0;padding:28px 0 20px 0}
.DefaultForm legend{height:1px;overflow:hidden}
.DefaultForm legend span{position:absolute;left:0;top:0;display:block;font-weight:600;font-size:20px;line-height:28px}
.DefaultForm label{display:block;width:100%}
.DefaultForm input,
.DefaultForm select,
.DefaultForm textarea{font-family:'Open Sans',sans-serif;font-size:100%;margin:0 0 12px 0}
.DefaultForm .input1{width:100%;border:1px solid #999;padding:10px;background:#fff;box-sizing:border-box;-webkit-appearance:none}
.DefaultForm .input1_error{width:100%;border:1px solid #999;padding:10px;background:#fff;box-sizing:border-box;-webkit-appearance:none}
.DefaultForm .submitcontainer{text-align:center}
.DefaultForm .submit{border:0px solid #006600;background:#ff9a00;color:#fff;font-weight:600;cursor:pointer;padding:10px 20px;margin:0 auto 12px auto;-webkit-appearance:none}
.DefaultForm .error{color:#ff9900}
.DefaultForm .required{color:#ff9900}
.DefaultForm .form_footer{text-align:right;padding-top:24px}
.DefaultForm .formline1{padding-top:10px;line-height:24px}

/*breadcrumb*/
.breadcrumb{display:none}

@media (min-width: 480px) { 
}

@media (min-width: 640px) { 
}

@media (min-width: 768px) { 
	

	/*breadcrumb*/
	.breadcrumb{display:block}
	.breadcrumb a{}
	.breadcrumb a:hover{}

}
@media (min-width: 960px) { 
	
	#btnmenu{display:none}
	#mainmenu{display:block}



}

@media (min-width: 992px) { 
}

@media (min-width: 1200px) { 
	

}

#quotewrapper .container p a{color:#fff;text-decoration:underline}
#quotewrapper .container p a:hover{color:#666;text-decoration:underline}
.quote{border-bottom:1px solid #fff;margin-bottom:24px}


#articlewrapper .container{border-bottom:1px solid #fff}
#articlewrapper .container p strong{color:#fff;font-weight:400}
#articlewrapper .container p a{color:#fff;text-decoration:underline}
#articlewrapper .container p a:hover{color:#666;text-decoration:underline}
#articlewrapper .container ul li a{color:#666;text-decoration:none;display:block}
#articlewrapper .container ul li a:hover{color:#666;text-decoration:underline}
#mediawrapper .container{margin-top:24px;border-bottom:1px solid #fff}
#mediawrapper .container p strong{color:#fff;font-weight:400}
#mediawrapper .container p a{color:#fff;text-decoration:underline}
#mediawrapper .container p a:hover{color:#666;text-decoration:underline}
#mediawrapper .container ul li a{color:#666;text-decoration:none;display:block}
#mediawrapper .container ul li a:hover{color:#666;text-decoration:underline}

@media (min-width: 992px) { 
	#mediawrapper .container{border-bottom:0}
}

/*breadcrumb*/
.breadcrumb{display:none}

@media (min-width: 960px) { 

	.bol-boven{position:absolute;width:110px;height:110px;left:805px;top:10px;background:url(/images/design/bol-boven.jpg) 0 0 no-repeat;background-size:550px}
	.bol-boven10{background:url(/images/design/bol-boven.jpg) -110px 0 no-repeat;background-size:550px}
	.bol-boven11{background:url(/images/design/bol-boven.jpg) -220px 0 no-repeat;background-size:550px}
	.bol-boven12{background:url(/images/design/bol-boven.jpg) -330px 0 no-repeat;background-size:550px}
	.bol-boven13{background:url(/images/design/bol-boven.jpg) -440px 0 no-repeat;background-size:550px}
	.bol-boven15{background:url(/images/design/bol-boven.jpg) -110px 0 no-repeat;background-size:550px}
	.bol-boven16{background:url(/images/design/bol-boven.jpg) -220px 0 no-repeat;background-size:550px}

	.bol-onder{position:absolute;width:78px;height:78px;left:20px;bottom:20px;background:url(/images/design/bol-onder.jpg) 0 0 no-repeat;background-size:390px}
	.bol-onder10{background:url(/images/design/bol-onder.jpg) -78px 0 no-repeat;background-size:390px}
	.bol-onder11{background:url(/images/design/bol-onder.jpg) -156px 0 no-repeat;background-size:390px}
	.bol-onder12{background:url(/images/design/bol-onder.jpg) -234px 0 no-repeat;background-size:390px}
	.bol-onder13{background:url(/images/design/bol-onder.jpg) -312px 0 no-repeat;background-size:390px}
	.bol-onder15{background:url(/images/design/bol-onder.jpg) -78px 0 no-repeat;background-size:390px}
	.bol-onder16{background:url(/images/design/bol-onder.jpg) -156px 0 no-repeat;background-size:390px}

}