@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v15/El-bgsteBznJNL5pgUfFLA.woff2) format('woff2');}
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700;src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v15/tZdhd9Zzj0I2MwoD56osIw.woff2) format('woff2');}
@font-face {font-family: 'Roboto'; font-style: italic; font-weight: 300; src: local('Roboto Light Italic'), local('Roboto-LightItalic'), url(https://fonts.gstatic.com/s/roboto/v15/iE8HhaRzdhPxC93dOdA051tXRa8TVwTICgirnJhmVJw.woff2) format('woff2');}
@font-face {font-family: 'Roboto'; font-style: italic; font-weight: 700; src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url(https://fonts.gstatic.com/s/roboto/v15/owYYXKukxFDFjr0ZO8NXh1tXRa8TVwTICgirnJhmVJw.woff2) format('woff2');}

body, button, input, textarea, select{ font-family: 'Roboto', sans-serif,Helvetica;font-size:1rem;color:#222; font-weight:normal;}
.bodyClass { background-color: #000000; margin:0; padding: 0;}

html { scroll-behavior: smooth; }
a{text-decoration:none;color:#353535;}
a:visited{text-decoration:none;}
a:hover{text-decoration:underline;color:#000000;}
img{border:0;}
h1{font-size:2.2em;font-weight:normal;margin:0;padding:7px 0; color:#000000;}
h2{font-size:1.5em;font-weight:normal;padding:0 0 10px; color:#000000;}
h3,h4,h5{color:#000000;font-size:1.3em;}
hr{ color: #e0e0e0; background-color: #e0e0e0; height: 1px; display: block; border: 0; margin-top: 20px; margin-bottom: 20px; }
table { border-spacing:0; border-collapse:collapse; }
table td{ padding:2px; vertical-align: top;}
iframe { border:none; }
input, select, textarea { box-sizing: border-box; background-color: #fbfbfb; border:1px solid #e0e0e0;}
input:focus{ background-color: #fff9e0; border: 1px solid #000000; }
input:hover,select:hover,textarea:hover{ border: 1px solid #202020; }
input[type="button"]:hover, input[type="submit"]:hover{ border:none; }

fieldset{border:none;border-top:1px dotted #404040;margin:20px 0 10px 0;padding: 10px 0 0 0; display: block;}
legend{font-weight: bold;color:#333333;padding:5px 10px 3px 20px; border:none; text-transform: uppercase; margin: 0 30%;font-size:1.2em;text-align: center;}

input { box-sizing: border-box; }
select{ border: 1px solid #e0e0e0; background-color: #ffffff; padding:6px 4px; box-sizing: border-box; border-radius: 5px;}
option { background-color: #ffffff; }
textarea{ border: 1px solid #e0e0e0; padding: 2px 2px 0px 2px; background-color: #ffffff; box-sizing: border-box;}
.textBox { border: 1px solid #e0e0e0; background-color: #ffffff; border-radius: 5px; box-sizing: border-box;padding: 7px; box-sizing: border-box; }
.button{color:#ffffff;border: none;padding: 8px 25px 8px 10px; background-color:#101010; min-width: 60px; transition: all 0.2s ease; box-sizing: border-box;border-radius: 5px;}
.button:hover{ color:#ffffff; opacity: 0.75; cursor: pointer; text-decoration: none; background-color:#505050; }
.redStar{width:15px;height:15px;background:url('images/red_star.png') no-repeat;}
.divActionInformation{background-color:#ffe7e7;border:1px solid #f6cece;margin-bottom:5px;padding:10px;}

.buttonLink{display: inline-block; color:#ffffff; padding: 5px 30px 5px 15px; background:url('images/arrow_link.png') no-repeat 95% center; background-color:#4db3f3; min-width: 60px; border-radius: 4px; transition: all 0.2s ease;}
.buttonLink:hover{ opacity: 0.75; color:#ffffff;cursor: pointer; text-decoration: none; background:url('images/arrow_link.png') no-repeat 93% center;background-color:#4db3f3;}

.center { display: flex; flex-direction:row; flex-wrap:wrap; justify-content:center;}
.clear { clear: both; }
.centerVH { display: flex; align-items: center; justify-content: center; }

.column_block{ display: flex; justify-content:space-between; }
.column_block > *{ display: block; width: 50%; margin-right: 2%;}
.column_block > *:last-child { margin-right:0; }

.column_block-left { display: flex; }
.column_block-left > *{ margin-right: 2%;}
.column_block-left > *:last-child { margin-right:0; }

.pageWidth{ width: 1200px; position: relative; margin: 0 auto; }

.wrapper { display: flex; flex-flow: row wrap; margin: 0 auto; position: relative;overflow-x: hidden; }
.wrapper > * { flex: 1 100%; position: relative;}

#header{ order: 1; min-height: 70px; background:url('images/header_background.png') repeat; }
#pageContent{order: 3; margin-top: 250px;}
#footer { order: 4; background-color: #ffffff; margin-top: 40px;}

.headerIn{ display: flex; }
.headerIn > div{ width: 100%; }
.headerIn p{ margin-top: 0; }

.pageNavigator .pageNavigatorHome{ margin-left: 0; text-transform: uppercase;}
.pageNavigator{ margin-top:10px;margin-bottom: 10px; display: inline-block;}
.pageNavigator a{ margin-right: 6px; margin-left: 6px; display: inline-block; }
.pageNavigator, .pageNavigator a{ color: #707070; font-size: 85%; }
.pageNavigator:hover, .pageNavigator:hover a{ color: #101010;}


.pageContentIn{ min-height: 700px; padding: 40px 60px 40px 60px; background:url('images/page_content.png') repeat; border: 2px solid #ffffff;  }
.pageFooterContent { padding-top: 10px; padding-bottom: 10px; }

.pageFooterCopyright { text-align: right; font-size:70%; margin-top: 5px; margin-bottom: 10px; clear: both; }



.componentMouseOver img, img.componentMouseOver{ transition: opacity 0.3s ease; }
.componentMouseOver img:hover, img.componentMouseOver:hover{ opacity: 0.6; }



.search_result { margin-top: 50px; margin-bottom: 50px; }
.search_result li { padding-left: 16px; padding-top: 0px; margin-bottom: 15px; margin-top: 30px; }
.search_result h3 { font-size: 1em; text-align: left; padding-bottom: 0px; margin-bottom: 10px; }