/* Main CSS of ISC Website */

* {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box; /* safari 3 needs this */
}
/*@font-face {
  font-family: 'Share';
  src: url('../fonts/share-bold-webfont.eot');
  src: url('../fonts/share-bold-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/share-bold-webfont.woff') format('woff'),
    url('../fonts/share-bold-webfont.ttf') format('truetype'),
    url('../fonts/share-bold-webfont.svg#Share-BoldRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}*/
body,html {
  color:black;
  font-family:verdana,arial;
  font-size:12px;
  margin:0px;
  padding:0px;
  background-color:#4e4f5d;
  background-color:#f6f6f6;
  min-width:1080px;
  text-align:center; /* centers divs in IE */
  text-decoration:none;
}

/*
a { 
  color:#32198f;
  color:#335f8d;
}
a:hover {
  color: #ffcc00;
}
*/

br {
  letter-spacing: normal;
}

img {
  border:0px;
}

/************* STRUCTURE ***********************/

div {
  margin:0px;
  padding:0px;
}
div#container {
  width:1080px;
  text-align:left;
  margin:0px auto; /* centers div in FF */
  margin-bottom:0px;
  box-shadow:0px 3px 15px 0px #aaa;
  -ms-box-shadow: 0px 3px 15px 0px #aaa;
  -moz-box-shadow: 0px 3px 15px 0px #aaa;
  -webkit-box-shadow: 0px 3px 15px 0px #aaa;
}
div#container_header_top,
div#container_header_menu,
div#container_header_image,
div#container_breadcrumb,
div#container_content,
div#container_footer {
  
  width:100%;
  /*width:1050px;*/
}
div#container_header_top {
  background-color:white;
}
div#container_header_menu {
  /*border-bottom:1px solid #353645;*/
  /*border-top:1px solid #353645;*/
  border-bottom:1px solid #40404a;
  background-color:#4e4f5d;
  z-index:10000;
}
div#header_mobile {
  display:none;
}
div#container_header_image {
  background-color:#9ea0b4;
  background-position:center center;
  background-size:auto;
}
div#container_header_bg {
  height:152px;
}
div#container_breadcrumb {
  /*background-color:#b2b3bb;*/
  /*background-color:#fff;*/
  border-top:1px solid #d0d1d7;
  border-bottom:1px solid #d0d1d7;
  background-color:#e0e1e9;
}
div#container_content {
  background-color:white;
}
div#header_top,
div#header_menu,
div#breadcrumb,
div#content,
div#footer {
  /*width:1028px;*/
  width:100%;
  text-align:left;
  padding:0px 25px;
}
div#header_top {
 height:120px;
  padding-bottom: 20px;
  
}
div#header_top_left,
div#header_top_right {
  float:left;
  font-size: 12px;
}
div#header_top_left {
  padding-top:30px;
}
div#header_top_right {
  text-align:right;
  padding-top:51px;
}
div#header_image {
  /*height:120px;*/
}
div#header_menu {
  width:1080px;
  /*padding:0px;*/
  padding-left:10px;
  /*height:32px;*/
  height:33px;
  background-color:#4e4f5d;
}

/*
@keyframes slidy {
0% { left: 0%; }
20% { left: 0%; }
25% { left: -100%; }
45% { left: -100%; }
50% { left: -200%; }
70% { left: -200%; }
75% { left: -300%; }
95% { left: -300%; }
100% { left: -400%; }
}
*/
/*写真三枚用*/
@keyframes slidy {
0% {left: 0%;}
15% {left: 0%;}
20% {left: -100%;}
48% {left: -100%;}
53% {left: -200%;}
81% {left: -200%;}
86% {left: -300%;}
100% {left: -300%;}
}

div#slider { overflow: hidden; }
div#slider figure img { width: 20%; float: left; }
div#slider figure { 
  position: relative;
  width: 500%;
  margin: 0;
  left: 0;
  text-align: left;
  font-size: 0;
  animation: 30s slidy infinite; 
}


div#breadcrumb {
  padding-top:1px;
  height:21px;
}
div#content {
  padding-top:20px;
  padding-bottom:20px;
  font-family:"メイリオ", Meiryo,'Share',arial,verdana,tahoma;

}

div#content_left,
div#content_menu {
  /*position:relative;*/
  display:block;
  float:left;
  width:200px;
  padding:0px;
  z-index:100000;
  font-family:"メイリオ", Meiryo,'Share',arial,verdana,tahoma;
}
div#content_right,
div#content_main {
  float:right;
  width:824px;
  padding:4px 0px 50px 20px;
  font-family:"メイリオ", Meiryo,'Share',arial,verdana,tahoma;

}

div#footer {
  font-size: .8em;
  padding:15px 25px;
  background-color:#4e4f5d;
}
div#footer_left {
  float:left;
}
div#footer_right {
  float:right;
}
div.clearer {
  clear:both;
}
/*********** TEXT ************/
div#content p,
div#content p.bodytext {
  line-height:21px;
  margin:0px;
  padding: 1px 12px;
  /*background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAC0lEQVQIW2NkAAIAAAoAAggA9GkAAAAASUVORK5CYII=); /* make text 100% wide on mobile devices */
}
div#content ol,
div#content ul {
  padding:0px;
  margin:0px;
  padding-bottom:10px;
  padding-left:30px;
}
div#content li {
  line-height:21px;
  /*background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAC0lEQVQIW2NkAAIAAAoAAggA9GkAAAAASUVORK5CYII=); /* make text 100% wide on mobile devices */
}
div#content h1,
div#content h2,
div#content h3,
div#content h4,
div#content h5,
div#content h6 {
  padding:0px;
  margin:0px;
  padding-bottom: 4px;
  font-family:"メイリオ", Meiryo,'Share',arial,verdana,tahoma;
  font-weight:normal;
  /*background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAC0lEQVQIW2NkAAIAAAoAAggA9GkAAAAASUVORK5CYII=); /* make text 100% wide on mobile devices */
}


/*
div#content h1 {
  position: relative;
  border-bottom: 1px solid #ccc;
  padding: .75em 1.5em .75em 1.5em;
  font-size: 1.26em;
}
div#content h1::after {
  position: absolute;
  top: .5em;
  left: .5em;
  content: '';
  width: 6px;
  height: -webkit-calc(100% - 1em);
  height: calc(100% - 1em);
  background-color: #ffcc00;
  border-radius: 4px;
}
*/

div#content h1 {
  font-size: 1.36em;
  padding: .5em .75em;
  background-color: #f6f6f6;
  border-left: 6px solid #ffcc00;
}

div#content h2 {
    margin: 0 0 1.5em;
    padding: 0.8em;
    border: 2px solid #77a809;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px; 
    font-size: 1.14em;
}

div#content h2 > a:hover {
    text-decoration:none;
}

div#content h2.header {
    position: relative;
    color: #111;
    font-size: 1.256em;
    font-weight: bold;
    margin: 0 0 1.5em;
    padding: 0.5em 0.5em 0.5em 1.7em;
    border-top: none;
    border-bottom: 3px solid #669999;
    background: #f5f5f5;
}
div#content h2.header::before {
    content: "";
    position: absolute;
    background: #FADF00;
    top: 0;
    left: 0.4em;
    height: 12px;
    width: 12px;
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}

div#content h2.header::after{
    content: "";
    position: absolute;
    background:#BBD347;
    top: 1.0em;
    left: 0;
    height: 8px;
    width: 8px;
    transform: rotate(15deg);
    -moz-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    -o-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
}

div#content h3 {
  position: relative;
  padding: 2px 4px 10px 30px;
  margin-top: 6px;
  font-size: 1.0em;
}

div#content h3::after {
  position: absolute;
  top: 6px;
  left: .4em;
  z-index: 2;
  content: '';
  width: 12px;
  height: 12px;
  background-color: #FADF00;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}


div#content h4 {
  position: relative;
  padding: .75em 1em 1.4em 3em;
  font-size: 1.0em;
  box-shadow: 0 -1px 0 rgba(255, 255, 255, 1) inset;
}

div#content h4::after {
  position: absolute;
  top: 1em;
  left: 1.4em;
  z-index: 2;
  content: '';
  width: 8px;
  height: 8px;
  border: 3px solid gray;
  border-radius: 100%;
  background-color: gray;
}



div#content h2.top_icon1 {
  -moz-border-radius:8px;
  -webkit-border-radius:8px;
  border-radius:8px;
  border:1px solid #ffaa22;
  margin: 0px;
  margin-top: 2px;
  padding: 0px;
  text-align: center;
  text-decoration:none;
  background:-moz-linear-gradient( center top, #ffec64 22%, #ffab23 83% );
  background:-ms-linear-gradient( top, #ffec64 22%, #ffab23 83% );
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23');
  background:-webkit-gradient( linear, left top, left bottom, color-stop(22%, #ffec64), color-stop(83%, #ffab23) );
  background-color:#ffec64;
  color:#333333;
  display:inline-block;
  text-shadow:1px 1px 0px #ffee66;
   -webkit-box-shadow:inset 0px 1px 0px 0px #fff6af;
   -moz-box-shadow:inset 0px 1px 0px 0px #fff6af;
   box-shadow:inset 0px 1px 0px 0px #fff6af;
  width: 90%;

}
div#content h2.top_icon1:hover {
  background:-moz-linear-gradient( center top, #ffab23 22%, #ffec64 83% );
  background:-ms-linear-gradient( top, #ffab23 22%, #ffec64 83% );
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23', endColorstr='#ffec64');
  background:-webkit-gradient( linear, left top, left bottom, color-stop(22%, #ffab23), color-stop(83%, #ffec64) );
  background-color:#ffab23;

}
div#content h2.top_icon1 a {
  display: block;
  width: 100%;
  height: 100%;
}

div#content h2.top_icon1:active {
  position:relative;
  top:1px;

}


div#content h2.top_leftmenu {
    position:relative;
    background: -moz-linear-gradient(top,#FFF 0%,#FFF 3%,#E6E6E6 3%,#FFF);
    background: -webkit-gradient(linear, left top, left bottom, from(#FFF), color-stop(0.03,#FFF), color-stop(0.03,#E6E6E6), to(#FFF));
    color: #111;
    border-radius: 0px 8px 8px 0px;
    -moz-border-radius: 0px 8px 8px 0px;
    -webkit-border-radius: 0px 8px 8px 0px;
    border: none;
    border-left: 4px solid #77a809;
    width: 100%;
    font-family: "MS PGothic", "Osaka", Arial, sans-serif;
    font-weight: bold;
    letter-spacing: 1px;
    padding: 6px 6px;
    margin: 1px 0px;
}
div#content h2.top_leftmenu:hover {
    border-left: 4px solid #FADF00;
}

div#content h2.top_leftmenu > a{
    display:block;
    color: #5D5245;
}
div#content h2.top_leftmenu > a:hover {
    text-decoration:none;
    color: #5D5245;
}

div#content h2.topmenu1 {
  font-weight:normal;
  -moz-border-radius:30px;
  -webkit-border-radius:30px;
  border-radius:30px;
  border:1px solid #d02718;
  padding:5px 20px;
  text-decoration:none;
  background:-moz-linear-gradient( center top, #f24537 105%, #c62d1f 0% );
  background:-ms-linear-gradient( top, #f24537 105%, #c62d1f 0% );
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f24537', endColorstr='#c62d1f');
  background:-webkit-gradient( linear, left top, left bottom, color-stop(105%, #f24537), color-stop(0%, #c62d1f) );
  background-color:#f24537;
  color:#ffffff;
  display:inline-block;
  text-shadow:1px 1px 0px #810e05;
   -webkit-box-shadow: 1px 1px 0px 0px #f5978e;
   -moz-box-shadow: 1px 1px 0px 0px #f5978e;
   box-shadow: 1px 1px 0px 0px #f5978e;
}
div#content h2.topmenu1:hover {
  background:-moz-linear-gradient( center top, #c62d1f 105%, #f24537 0% );
  background:-ms-linear-gradient( top, #c62d1f 105%, #f24537 0% );
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c62d1f', endColorstr='#f24537');
  background:-webkit-gradient( linear, left top, left bottom, color-stop(105%, #c62d1f), color-stop(0%, #f24537) );
  background-color:#c62d1f;
}
div#content h2.topmenu1:active {
  position:relative;
  top:1px;
}
div#content h2.topmenu1 > a{
  color: #ffffff;
}

div#content h2.topmenu2 {
  font-weight:normal;
  -moz-border-radius:30px;
  -webkit-border-radius:30px;
  border-radius:30px;
  border:1px solid #77a809;
  padding:5px 20px;
  text-decoration:none;
  background:-moz-linear-gradient( center top, #ffffff 105%, #77a809 0% );
  background:-ms-linear-gradient( top, #ffffff 105%, #77a809 0% );
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#77a809');
  background:-webkit-gradient( linear, left top, left bottom, color-stop(105%, #ffffff), color-stop(0%, #77a809) );
  background-color:#a6db31;
  color:#77a809;
  display:inline-block;
  text-shadow:1px 1px 0px #ffffff;
   -webkit-box-shadow: 1px 1px 0px 0px #ffffff;
   -moz-box-shadow: 1px 1px 0px 0px #ffffff;
   box-shadow: 1px 1px 0px 0px #ffffff;
}
div#content h2.topmenu2:hover {
  background:-moz-linear-gradient( center top, #77a809 105%, #ffffff 0% );
  background:-ms-linear-gradient( top, #77a809 105%, #ffffff 0% );
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77a809', endColorstr='#ffffff');
  background:-webkit-gradient( linear, left top, left bottom, color-stop(105%, #77a809), color-stop(0%, #ffffff) );
  background-color:#77a809;
}
div#content h2.topmenu2:active {
  position:relative;
  top:1px;
}
div#content h2.topmenu2 > a{
  color: green;
}

div#content p.csc-frame-frame1 {
  background-color: #dcdcdc;
  padding: 2px;
  margin: 2px 4px;
}

div#content p.csc-frame-frame2 {
  background-color: #ffc;
  padding: 2px;
  margin: 2px 4px;
}

div#content .scroll {
  overflow: auto;
  }

div#content .scroll::-webkit-scrollbar{
  height: 5px;
}
div#content .scroll::-webkit-scrollbar-track{　　
 background: #F1F1F1;
}
div#content .scroll::-webkit-scrollbar-thumb {　　
 background: #BCBCBC;
}

div#content img {
  margin-left:12px;
/*  box-shadow:0px 3px 12px #000;
  -ms-box-shadow: 0px 3px 12px #000;
  -moz-box-shadow: 0px 3px 12px #000;
  -webkit-box-shadow: 0px 3px 12px #000; */
}
div#content div.indent {
  margin:0px 0px 22px 10px;
  padding:5px 10px;
  font-family:"メイリオ", Meiryo,"Courier New", Courier, monospace;
  font-size:11px;
  word-wrap:break-word;
  border-left:1px solid #e6e6e6;
}
div#content div.indent p,
div#content div.indent p.bodytext {
  padding:0px;
  margin:0px;
}
div#content table.contenttable p.bodytext {
  padding:0px;
  margin:0px;
}
div#content table.contenttable td,
div#content table.contenttable th {
  padding:1px;
  padding-right:15px;
}
div#content table.contenttable {
  padding:0px;
  margin:0px;
  padding-bottom:10px;
}

div#content div#content_column_1,
div#content div#content_column_2,
div#content div#content_column_3,
div#content div#content_column_4,
div#content div#content_column_5,
div#content div#content_column_6,
div#content div#content_column_7,
div#content div#content_column_8,
div#content div#content_column_9,
div#content div#content_column_10 {
  float:left;
  margin-right:20px;
  /*  width:50%; */
}
div#content div#content_column_9,
div#content div#content_column_10{
  width:45%;
}

/*New Layout start*******************************************/
/*top*/
/*
@media screen and (min-width:768px){
  div#content div#content_column_15,
  div#content div#content_column_16,
  div#content div#content_column_17 {
    width:30%;
    display:inline-block;
  }
}
div#content div#content_column_15,
div#content div#content_column_16,
div#content div#content_column_17 {
  float:none;
  margin-right:20px;
  text-align: center; 
}
*/
@media screen and (min-width:784px){
  div#content div#content_column_15,
  div#content div#content_column_16{
    width:47%;
    display:inline-block;
    vertical-align: middle;
  }
}
div#content div#content_column_15,
div#content div#content_column_16{
  float:none;
  margin-right:20px;
}
div#content div#content_column_16{
  text-align: center;
}

/*middle(icon)*/
div#content div#content_column_14 {
  float:none;
  margin-right:20px;
}



/*bottom*/
@media screen and (min-width:768px){
  div#content div#content_column_11,
  div#content div#content_column_12 {
    width:47%;
  }
}
div#content div#content_column_11,
div#content div#content_column_12 {
  float:left;
  margin-right:20px;
}

/*husen*/
div#content h2.topmenu9,
div#content h2.topmenu8,
div#content h2.topmenu7{
    text-decoration: none;
    padding: 0.5rem;
    background: #f7f7f7;
    color: #333;
    box-shadow: 2px 2px 2px #757575;
    margin:10px 20px;
    font-size:120%;
    border-style: none;
    border-radius: 0;
    padding: 0px;
}
div#content h2.topmenu9{
  border-left: solid 10px #FADF00;
}
div#content h2.topmenu8 {
  border-left: solid 10px #BBD347;
}
div#content h2.topmenu7 {
  border-left: solid 10px #E04241;
}
div#content h2.topmenu9 a,
div#content h2.topmenu8 a,
div#content h2.topmenu7 a{              /*div全体をリンクにする*/
    display: block;
    width: 100%;
    height: 100%;
    color:#000;
    padding: 8px;
    /*font-weight: bold;*/
}
div#content h2.topmenu9:hover,
div#content h2.topmenu8:hover,
div#content h2.topmenu7:hover{          /*マウスオン時の動作*/
    box-shadow: 4px 4px 4px #757575;
}


@media (min-width: 768px){
div#topmenu_test {
    display: none;
}
}
/*
div#topmenu_test div.menu_header.menu_ul ul{
  display: contents;
}
*/
div#topmenu_test div.menu_header li a{
  background-color: #FFF;
  color: #337ab7;
}
div#topmenu_test div.menu_header.menu_ul a:hover{
  color: #ffcc00;
}
div#topmenu_test div.menu_header li ul li a{
  display: none;
}


/*New Layout end*****************************************************/

div#content div#content_column_n {
  display:block;
  float:left;
  width:26%;
  padding-right:1em;
}

div#content div#content_column_w {
  display:block;
  float:left;
  width:72%;
  padding-left: 1em;
}


div#content div.ce-bodytext {
  padding-bottom:15px;
}

legend {
  display: none;
}

/******************* MENUS ***********************/
/* menu general */
div.menu_ul ul,
div.menu_header ul,
div#content div.menu_ul ul,
div#content div.menu_header ul {
  display:inline;
  list-style: none;
  list-style-position: outside;
  padding:0px;
  margin:0px;
}

/************** menu breadcrumb ************/
div.menu_breadcrumb li {
  color:white;
  color:black;
  
  float:left;
  font-size:11px;
  padding-top:2px;
  padding-right:5px;
}
div.menu_breadcrumb li,
div.menu_breadcrumb li a {
  /*color:white;
  color:black;*/
}
div.menu_breadcrumb li a {
  color:#9294a6;
  color:#dbdcdf;
  color:black;
  color:#85858a;
  padding:0px;
  margin:0px;
}
/***************** menu left ***************/
div#content div.menu_left a {
  display:block;
  margin:0px;
  padding:5px 0px;
  line-height:16px;
  background-color:white;
  border-bottom:1px dotted #e6e7f3;
}
div#content div.menu_left a:hover {
  background-color:white;
}
div#content div.menu_left li {
  margin:1px 0px;
}
div#content div.menu_left li.last {
  /*border-bottom:1px solid #e6e7f3;*/
}
div#content div.menu_left div.menu_act a {
  color: #ffcc00;
}
div#content div.menu_left div.menu_act {
  background-color:white;
}
div#content div.menu_left div.menu_1 {
  font-size: 12px;
}
div#content div.menu_left div.menu_2 {
  padding-left:10px;
  margin-top:4px;
  font-fize: 11px;
}
div#content div.menu_left div.menu_3 {
  padding-left:10px;
  margin-top:4px;
  font-size: 10px;
}


/************** menu header ***************/
div.menu_header li {
  padding:0px;
  margin:0px;
  float:left;
  margin-right:2px;
}
div.menu_header li a{
  color:white;
  font-family:verdana,arial,helvetica;
  font-weight:bold;
  font-size:14px;
  text-decoration:none;
  display:block;
  padding:5px 14px 5px 14px;
  line-height:22px;
  background-color:#4e4f5d;
}
div.menu_header li div.menu_header_no a,
div.menu_header li div.menu_header_act a {
  cursor:pointer;
}

div.menu_header li div.menu_header_act a,
div.menu_header li div.menu_header_actifsub a,
div.menu_header li:hover div.menu_header_no a {
  color: #ffcc00;
}
div.menu_header li:hover div.menu_header_no a,
div.menu_header li:hover div.menu_header_ifsub a,
div.menu_header li:hover div.menu_header_actifsub a {
  background-color:white;
}
div.menu_header li:hover div.menu_header_no a,
div.menu_header li:hover div.menu_header_ifsub a {
  color:#363f4e;
}


/**** level 2 popup ********/
div.menu_header li ul {
  display:none;
  position:absolute;
  padding:10px 0px;
  width:300px;
  background-color:white;

  /* box-shadow: h-shadow v-shadow blur spread color inset; */
  box-shadow: 0px 4px 4px -1px #404040;
  -ms-box-shadow: 0px 4px 4px -1px #404040;
  -moz-box-shadow: 0px 4px 4px -1px #404040;
  -webkit-box-shadow: 0px 4px 4px -1px #404040;

  border-bottom-left-radius:6px 6px;
  border-bottom-right-radius:6px 6px;
  z-index:1000;
}
div.menu_header li ul li {
  float:none;
  margin:0px;
  background-color:white;
}
div.menu_header li ul li a:hover,
div.menu_header li ul li div.menu_sub_act a {
  color: #ffcc00;
}
div.menu_header li ul li div.menu_sub_act {
  background-color:white;
}
div.menu_header li ul li a {
  color:#363f4e;
  font-size:14px;
  font-weight:normal;
  cursor:pointer;
  padding:4px 14px;
  background-color:white;
}
div.menu_header li:hover ul {
  display:block;
}
div.menu_header li:hover ul li {
  background-image:none;
}

/************ menu footer ****************/
div.menu_footer li {
  float:left;
  padding-right: 0px;
}
div.menu_footer li,
div.menu_footer li a {
  color:white;
}

div#footer_rcaci {
  font-size: 1.2em;
  color: #90EE90;
  padding-bottom: 10px;
  border-bottom: 1px dotted #fffff0;
}

div#footer_list {
  font-size: 1.2em;
  padding-top: 10px;
  overflow: hidden;
  text-align: center;
  color: #ffffff;
}

div#footer_list > span {
  position: relative;
  display: inline-block;
  margin: 0 2.5em;
  padding: 0 1em;
  text-align: left;
}

div#footer_list > span::before,
div#footer_list > span::after {
  position: absolute;
  top: 50%;
  content: '';
  width: 400%;
  height: 1px;
  background-color: #ccc;
}

div#footer_list > span::before {
  right: 100%;
}
div#footer_list > span::after {
  left: 100%;
}

div.footer_menu_1 {
  width: 100%;
}

div.footer_menu_1 li,
div.footer_menu_1 li a {
  display: block;
  float: left;
  width: 33%;
}

div.footer_menu_2 li,
div.footer_menu_2 li a {
  display: inline-block;
  /display:inline;
  /zoom:1;
  float: none;
  width: 100%;
  height: 1em;
  }

div.footer_menu_3 {
  width: 100%;
}

div.footer_menu_3 li,
div.footer_menu_3 li a {
  display: block;
  float: left;
  width: 33%;
}


div.footer_menu_4 li,
div.footer_menu_4 li a {
  display: inline-block;
  /display:inline;
  /zoom:1;
  float: none;
  width: 100%;
  height: 1em;
}


/************ Top Page *******************/
div#content_menu_hidden {
display: none;
}

ul#topmenu {
  font-size: .9em;
  }
ul#topmenu > li {
  list-style-type:none !important;
  list-style-image:none !important;
  position:relative;
  padding-left:1.5em;
  border-bottom: 1px dotted #ccc;
}
ul#topmenu > li:before {
  content:''; 
  display:block; 
  position:absolute; 
  box-shadow: 0 0 2px 2px rgba(255,255,255,0.2) inset;
  top:3px; 
  left:2px; 
  height:0; 
  width:0; 
  border-top: 6px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 9px solid #aaa;
}
  
/*********** Service Menu Page **************/
ul.ce-menu {
    width:100%;
}

ul.ce-menu:after {
   display: block;
   clear: both;
}

ul.ce-menu-8 > li {
    display: block;
    list-style-type: none;
    box-sizing: border-box;
    float: left;
    border-radius:8px;
    border:1px solid #83c41a;
    margin: 2px;
    width: 30%;
    height: 15em;
}

ul.ce-menu li.level-1 > a {
   text-align: center;
   font-size: 1.3em;
   padding: .5em .75em;
   margin: 4px;
   color: black;
   text-shadow: 1px 3px 3px rgba(135, 235, 206, 1); 
}
ul.ce-menu li.level-2 {
   font-size: 0.9em;
   text-align: left;
   padding: .1em 2em 0em 2em;
   border-bottom: none;
}

div.ce-menu-categorized-content-content {
    margin: 0 0 1.5em;
    padding: 0.8em;
    border: 2px solid #77a809;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    font-size: 1.14em;
}

div.ce-menu-9-page {
    display: block;
    float: left;
    margin: 0 2.5em 1.5em;
    padding: 0.8em;
    border: 2px solid #77a809;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    width: 40%;
}

div.ce-menu-9-title {
    font-size: 1.14em;
    color: white;
    text-align: center;
    background-color: #77a809;
}   

div.ce-menu-9-abst {
    font-size: 0.8em;
}   

/*********** FLEXIBLE CONTENT **************/
div.content_2column_container {
  width:730px;
  width:100%;
}
div.content_column_left {
  float:left;
  width:365px;
  padding:0px;
  padding-right:10px;
  width:50%;
}
div.content_column_right {
  float:left;
  width:365px;
  padding:0px;
  padding-left:10px;
  width:50%;
}

/*********** fotoboek ******************/
div#content div.tx-gooffotoboek-pi1 td.gfpb_th {
  padding:10px;
}
div#content div.tx-gooffotoboek-pi1 table {
  margin-bottom:20px;
}
div#content div.tx-gooffotoboek-pi1 img {
  border:0px;
  padding:0px;
  margin:0px;
}
div#content div.tx-gooffotoboek-pi1 td.gfpb_th img {
  border:1px solid #606060;
  margin:0px;
}
div#content div.tx-gooffotoboek-pi1 div.fotonav img {
  width:auto;
  height:auto;
  margin:0px;
  box-shadow:none;
  -ms-box-shadow:none;
  -moz-box-shadow:none;
  -webkit-box-shadow:none;
}
/************** re_searchbar *********************/
div.tx-researchbar-pi1 input.searchinput {
  width:120px;
}

/*************** re_socialmedia *********************/
div.re_socialmedia {
  position:relative;
}

/********* social media **********/
div.socialmedia {
  margin-top:3px;
  float:right;
  padding:0px;
}
div.socialmedia div.socialitem {
  float:left;
  text-align:right;
  width:auto;
  padding-left:7px;
}
div#content div.socialmedia div.socialitem img {
  margin:0px;
  box-shadow:none;
  -ms-box-shadow:none;
  -moz-box-shadow:none;
  -webkit-box-shadow:none;
}
/********** donations ***********/
div.tx-t3bdonations-pi1 th,
div.tx-t3bdonations-pi1 td {
  padding:7px;
  border:1px solid white;
}
div.tx-t3bdonations-pi1 th {
  background-color:#d0d0d0;
}
div.tx-t3bdonations-pi1 tr.donation_table_row_odd {
  background-color:#f0f0f0;
}
div.tx-t3bdonations-pi1 tr.donation_table_row_even {
  background-color:#e0e0e0;
}
div.tx-t3bdonations-pi1 span.donation_na {
  color:#c0c0c0;
}


/************ RESPONSIVE CSS ***************/
img#mobile_menu {
  width:30px;
  height:30px;
}
/* tablets */
@media all and (max-width: 1024px) {
  body,html {
    min-width:300px;
  }
  div#container {
    width:100%;
    margin-bottom:0px;
    box-shadow:none;
    -ms-box-shadow:none;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
  }
  div#header_menu {
    width:100%;
  }
  div#content > div#content_column_n {
    display:block;
    float: left;
    width: 20%;
  }
  div#content > div#content_column_w {
    width: 80%;
  }
  div#content_left,
  div#content_menu {
    display:block;
    width:22%;
  }
  div#content_main {
    width:78%;
  }
  div#content_main img {
    width:95%;
    height:auto;
  }
  ul.ce-menu-8 > li {
    width: 45%;
}
  div#content_main img.original-size {
    width:auto;
  }
  div#content_main div.socialitem img {
    width:auto;
  }
  div#content div.tx-gooffotoboek-pi1 div.fotonav img {
    width:auto;
    height:auto;
  }
  div#footer_left {
    width:100%;
  }
  div#footer_right {
    display:none;
  }
  div#header_top_left {
    /*width:80%;*/
    width:70%;
  }
  div#header_top_right {
    /*width:19%;*/
    width:29%;
    /*display:none;*/
  }
  div#paypal img {
    width:auto;
    height:auto;
  }
}
/* all mobile devices */
@media all and (max-width: 768px) {
  div#container {
    margin-bottom:0px;
  }
  div#content > div#content_column_n {
    display:block;
    float: left;
    font-size: .8em;
    padding-left: .2em;
    width: 15%;
  }
  div#content > div#content_column_w {
   padding-right: .2em;
   width: 85%;
  }

  div#content_left,
  div#content_menu {
    
    display:none;
    width:250px;
    position:absolute;
    top:115px;
    left:0px;
    background-color:white;
    padding:10px;
/*    border-right:1px solid #4e4f5d;
    border-bottom:1px solid #4e4f5d; */
  }
  ul#topmenu {
  display: none;
  }


  div#content_main {
    width:100%;
    padding:0px;
  }
  div#content_main img {
    width:95%;
    height:auto;
  }

  /* remove header menu */
  div#container_header_menu,
  div#header_menu {
    display:none;
  }
  div#header_mobile {
    display:block;
    height:35px;
    background-color:#4e4f5d;
    padding:2px 0px 0px 5px;
    cursor:pointer;
  }
  div#header,
  div#header_top,
  div#header_top_left,
  div#header_top_right,
  div#container_header_bg,
  div#container_header_top {
    height:80px;
  }
  div#container_header_bg {
    height:115px;
  }
  div#header_top_left {
    padding-top:20px;
  }
  div#header_top_right {
    padding-top:25px;
  }
  
  div#header_image,
  div#container_header_image {
    /*height:80px;*/
    display:block;
  }
  div#container_header_image {
    background-size:auto 80px;
  }

  div#header_top,
  div#header_menu,
  div#header,
  div#breadcrumb,
  div#content,
  div#footer {
    padding-left:10px;
    padding-right:10px;
  }
  div#footer {
    /*height:35px;*/
    padding-top:8px;
  }
  div.footer_menu_1 li,
  div.footer_menu_1 li a {
  display: block;
  float: left;
  width: 49%;
  }
  div.footer_menu_2 li,
  div.footer_menu_2 li a {
  display: inline-block;
  /display:inline;
  /zoom:1;
  float: none;
  width: 100%;
  height: 1em;
  }

  div.footer_menu_3 li,
  div.footer_menu_3 li a {
  display: block;
  float: left;
  width: 49%;
  }

  div.footer_menu_4 li,
  div.footer_menu_4 li a {
  display: inline-block;
  /display:inline;
  /zoom:1;
  float: none;
  width: 100%;
  height: 1em;
  }


  div#container_breadcrumb {
    /*height:auto;*/
    height:15px;
  }
  div#breadcrumb {
    display:none;
    height:auto;
  }
  div#header_top_left img {
    width:320px;
    height:auto;
  }



}

@media all and (max-width: 600px) {
  div#content_main img.original-size {
    float:none;
  }
  div#header_top_left {
    padding-top:12px;
    /*width:75%;*/
    width: auto;
  }
  div#header_top_right {
    padding-top:15px;
    /*width:25%;*/
    width: auto;
    float: right;
  }
  div#content > div#content_column_n {    
    width: 100%;
    border-bottom: 1px dotted #111;
  }
  div#content > div#content_column_w {
    width:100%;
    padding:0px;
  }
div#header_top_left img {
    width:220px;
    height:auto;
  }
  div#header_top_right img {
    width:20px;
    height:20px;
  }
  div#header,
  div#header_top,
  div#header_top_left,
  div#header_top_right,
  div#container_header_bg,
  div#container_header_top {
    height:50px;
  }
  div#container_header_bg {
    height:85px;
  }
  div#content_menu {
    top:85px;
  }
  ul#topmenu {
  display: none;
  }
  div#header_image,
  div#container_header_image {
    /*height:50px;*/
    display:block;
  }
  div#container_header_image {
    background-size:auto 50px;
  }
  div#container_breadcrumb {
    /*height:auto;*/
    height:5px;
  }
  div#footer {
    /*height:60px;*/
  }
  div.footer_menu_1 li,
  div.footer_menu_1 li a {
  display: block;
  float: left;
  width: 100%;
  }
  div.footer_menu_2 li,
  div.footer_menu_2 li a {
  display: inline-block;
  /display:inline;
  /zoom:1;
  float: none;
  width: 100%;
  height: 1em;
  }

  div.footer_menu_3 li,
  div.footer_menu_3 li a {
  display: block;
  float: left;
  width: 100%;
  }

  div.footer_menu_4 li,
  div.footer_menu_4 li a {
  display: inline-block;
  /display:inline;
  /zoom:1;
  float: none;
  width: 100%;
  height: 1em;
  }
  ul.ce-menu-8 > li {
    display: block;
    list-style-type: none;
    box-sizing: border-box;
    float: left;
    border-radius:8px;
    /*border:1px solid #83c41a;*/
    margin: 2px;
    width: 100%;
    height: 15em;
   }

   ul.ce-menu li.level-1 > a {
   text-align: center;
   font-size: 1.3em;
   padding: .5em .75em;
   margin: 4px;
   color: black;
   text-shadow: 1px 3px 3px rgba(135, 235, 206, 1);
  }
   ul.ce-menu li.level-2 {
   font-size: 0.9em;
   text-align: left;
   padding: .1em 2em 0em 2em;
   border-bottom: none;
  }


}