body {
    background-color: #D8E4EB;
  }


#masthead {
    color: #000000;
    text-align: center;
    padding: 0.2em;
  }


#menuRight {
    float:right;
    width: 25%;
    height: auto;
    margin-left: 0%;
    color: #3179ac;
    background-color: #F4F0F4;
  }


#menuLeft {
    float: left;
    width: 25%;
    height: auto;
    margin-left: 0%;
    color: #3179ac;
    background-color: #F4F0F4;
  }


#mainText {
    margin: 0 27% 0 27%;
  }


#foot {
    text-align: center;
    font-size: smaller;
  }


a {
    text-decoration: none;
    color: #000099;
  }


a:hover {
    color: gray;
  }


.normal {
  }


.menutitle {
    font-size: 140%;
  }


.infotitle {
    color: #000099;
    font-size: 130%;
    background-color: #D4D8DE;
  }


.infotitle2 {
    color: #000099;
    font-size: 100%;
    background-color: #D4D8DE;
  }

.infotitle3 {
    color: #000099;
    font-size: 130%;
  }


.menutitle2 {
    color: #000099;
    font-size: 130%;
    font-weight:bold;
    background-color: #FFFFFF;
  }


.normalBig {
    font-size: 2em;
    padding: 0.1em;
  }


.example {
    border: dashed 1px #634F36;
    background: #fffff5;
    font-family: "Courier New", Courier, monospace;
    padding: 7px;
    margin: 0 0 1em;
  }


.comment {
    color: #5a8985;
  }


.exampleTitle, .noteTitle {
    border: 1px solid black;
    border-bottom: none;
    padding: 3px;
    background: #efecdf;
    font-weight: bold;
    font-size: 90%;
    margin: 0;
    white-space: nowrap;
  }


.text_tel {
    font-size: 90%;
    color: #515151;
  }


.text_kw {
    font-size: 70%;
    color: #515151;
  }


.text_tel_p {
    font-size: 100%;
    color: #000000;
  }


.text_info {
    font-size: 100%;
    color: #000000;
  }


.text_info_p {
    font-size: 110%;
    color: #000000;
  }


.text_act {
    font-size: 80%;
    color: #515151;
    font-weight: bold;
  }


input, textarea, select {
    background: #FFFFFF;
    color: #000000;
    text-indent: 2px;
    border-top-width : 1px;
    border-right-width : 1px;
    border-bottom-width : 1px;
    border-left-width : 1px;
    border-color: #DEDEDE;
    font-size: 12px;
    font-family: Verdana, Helvetica;
    text-decoration: none;
  }


textarea {
    font-family: verdana,arial,helvetica,sans-serif;
    font-size: 12px;
    color: #000000;
    background-color: #FFFFFF;
    border: 1px solid #acacac;
    padding: 1px 4px 1px 4px;
  }


input.input {
    background-color: #FFFFFF;
    border: 1px solid #acacac;
    font-size: 12px;
    padding: 1px 4px 1px 4px;
    border-bottom-style : solid;
    border-bottom-width : 1px;
    border-left-style : solid;
    border-left-width : 1px;
    border-right-style : solid;
    border-right-width : 1px;
    border-top-style : solid;
    border-top-width : 1px;
  }


input.search {
    background-color: #E3E8EE;
    border: 1px solid #acacac;
    font-size: 14px;
    padding: 1px 4px 1px 4px;
    border-bottom-style : solid;
    border-bottom-width : 1px;
    border-left-style : solid;
    border-left-width : 1px;
    border-right-style : solid;
    border-right-width : 1px;
    border-top-style : solid;
    border-top-width : 1px;
  }


input.button {
    font-family: verdana,arial,helvetica,sans-serif;
    font-size: 12px;
    color: #ffffff;
    background-color: #c20707;
    border: 1px solid #a10101;
  }


select {
    font-size: 12px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
  }


hr {
    height: 1px;
    border-style: solid;
    border-color: #c0c0c0;
    margin-top: 10px;
    margin-bottom: 10px;
  }


.t_i {
    max-width : 1005px;
  }


.t_w {
    max-width : 550px;
  }


.t_p {
    max-width : 600px;
  }


.r_active {
    background-color : #FFFFFF;
    border-bottom-width : 1px;
    border-left-width : 1px;
    border-right-width : 1px;
    border-top-width : 1px;
    color : Red;
    font-size : 130%;
    font-weight : bold;
  }


.counter0 {
    background-color : #7B96A2;
    color : #EAFEFF;
    font-size : 10px;
    text-align : center;
    font-weight : bold;
  }


.counter1 {
    background-color : #D3F8FF;
    color : #000000;
    font-size : 10px;
    text-align : right;
  }


.counter2 {
    background-color : #FFFFFF;
    color : #000000;
    font-size : 10px;
    text-align : right;
  }


.counter3 {
    background-color : #FFFFFF;
    color : #000000;
    font-size : 10px;
    text-align : center;
  }


.rad {
    background: #f0f0f0;
    border: 1px solid black;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    padding: 5px;
  }


.rad_sel {
    background: #FFBCB2;
    border: 1px solid black;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    padding: 5px;
  }


.rad2 {
    background: #f0f0f0;
    border: 1px solid black;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    padding: 2px;
    font-weight : bold;
  }


.rad2_sel {
    background: #FFBCB2;
    border: 1px solid black;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    padding: 2px;
    font-weight : bold;
  }


.data_cl {
    font-size: 14px;
  }


.lang_active {
    color : #0000CC;
    font-size : 14px;
    font-weight : bold;
    margin-left : 5px;
    margin-right : 5px;
  }


.ibl { padding: 10px; display: inline-block; float: center; }

.ibl2 { padding: 10px; display: inline-block; float: left; }


img {max-width:100% !important; height: auto !important;}


#basecont {width:98%;max-width:1010px;margin-left:auto;margin-right:auto;}

#maincont {float:left;width:56%;overflow:hidden;} /* 560px */

#sidecontl {float:right;width:22%;color:#000;} /* 220px */

#sidecontr {float:right;width:22%;color:#000;} /* 220px */

.maincont1 {float:left;width:70%;overflow:hidden;} /* 780px */
.sidecont1 {float:right;width:28%;color:#000} /* 280px */

.basen0 {float:left;width:95%;background-color:white; padding: 2%;}

.basen1 {float:left;width:50%;}

.basen2 {float:right;width:50%;}

.basen7 {width:95%;background-color:white; padding:2%; 
    margin-left: auto;
  margin-right: auto;}


@media (max-width:1000px){
    #sidecontl {width:30%;}
    #maincont {width:70%;}
    /* #sidecontr {display:none;} */
    #sidecontr {text-align:center;width:95%;color:#000;}
    
    
}

@media (max-width:780px){
    #maincont {width:100%; float:none;}
    /* #sidecontl {display:none;} */
    #sidecontl {text-align:center;width:95%;color:#000;}
    #sidecontr {text-align:center;width:95%;color:#000;}
}