* {
padding : 0;
margin : 0;
}
#body {
font-family : arial, sans-serif;
font-size : 94%;
color : #000;
min-height : 100%;
background-size : cover;
background-image : url(images/background.jpg);
background-repeat : no-repeat;
background-position : center center;
background-attachment : fixed;
}
body {
background-color : #ffffff;
font-family : arial, sans-serif;
font-size : 94%;
color : #000;
}
#wraper {
max-width : 980px;
margin : 3em auto;
background-image : url(images/transparent.png);
background-repeat : repeat;
box-shadow : 0 0 10px rgba(0, 0, 0, 0.2), 0 0 10px rgba(0, 0, 0, 0.4);
}
#header {
max-width : 980px;
margin : 0 auto;
height : auto;
}
#header_border {
border-bottom : 1em solid #0080c0;
opacity : 0.300000011920928955078125;
}
.sitename {
font-size : 150%;
padding : 1em 0 0 1em;
font-weight : bold;
font-family : Verdana;
text-shadow : 1px 1px 1px #001A33;
background-image : none;
color: #0080c0;}
.slogan {
font-family : "Syncopate", Verdana;
margin-top : -0.1em;
padding-left : 2.5em;
padding-bottom : 10px;
padding-right : 0;
font-size : 85%;
text-shadow : 1px 1px 2px #004080;
}
#locator {
font-size : 80%;
}
#footer {
clear : left;
background : #5B7DAA;
opacity : 0.800000011920928955078125;
padding : 10px;
max-width : 980px;
border-bottom : 1em solid #3D5576;
color : #dfdfdf;
font-size : 80%;
text-align : center;
}
#footer a, #footer a:visited {
color : #ffffff;
}
#footer a:hover {
color : #004040;
transition : background 1s;
background-color : #80ff00;
}
#right {
float : right;
width : 30%;
min-width : 250px;
padding : 1em;
}
#search {
margin-bottom : 0.4em;
margin-top : 0.4em;
border-radius : 5px;
border : #fff solid 1px;
padding-left : 1em;
padding-bottom : 0.6em;
background : #0080c0;
height : 40px;
text-align : left;
box-shadow : 0 0 10px rgba(0, 0, 0, 0.2), 0 0 10px rgba(0, 0, 0, 0.4);
}
#iconmenu {
float : right;
margin-top : -25px;
padding-right : 5px;
}
#iconmenu img {
border: none;
box-shadow : none;}
input[type="submit"] {
background : #534B1E;
color : #fff;
display : inline-block;
height : 24px;
position : relative;
text-align : center;
text-decoration : none;
margin-left : 5px;
margin-top : 11px;
padding : 2px 10px 10px;
border-radius : 5px;
font-variant : normal;
font-weight : normal;
font-size : 70%;
}
input[type="text"], input[type="text"]:focus, input[type="password"]:focus {
border : #006432 inset 1px;
border-radius : 5px;
font-size : 70%;
}
#content {
width : 97%;
padding : 1em;
min-height : 300px;
}
.content_in {
padding : 1em;
height : auto;
width: auto;
}
form#ta {
width : 66%;
}
.cmsimplecore_warning {width: 60%}
table {width: 65%}
#langmenu {padding-left: 0.5em;padding-top: 0;padding-bottom: 0.5em; float: left;
display: inline-block;
}
.lastupdate {
font-size : 90%;
padding : 0.5em;
}
#menu li, #menu ul {
list-style-type : none;
margin : 0;
padding : 0;
}
#menu a {
display : block;
color : #000;
text-decoration : none;
line-height : 200%;
padding-left : 1em;
padding-right : 1em;
border-radius : 5px;
background : #f87a17;
border : #fff solid 1px;
box-shadow : 0 0 10px rgba(0, 0, 0, 0.2), 0 0 10px rgba(0, 0, 0, 0.4);
transition-property: background-color, padding;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
}
#menu a:hover {
background : #fa9b17;
  transition-property: background-color, padding;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
color: #800000;
padding-left: 20px;
}
#menu {
float : left;
width : 100%;
font-size : 100%;
color : #fff;
text-shadow : 0 1px 0 rgba(0, 0, 0, 0.7);
}
#menu li {
list-style-type : none;
list-style-image : none;
padding : 0;
}
#menu ul.menulevel1 li {
line-height : 1em;
margin : 1px 0;
}
#menu ul.menulevel2 {
margin : 1px 0;
}
#menu ul.menulevel2 li {
line-height : 1em;
margin : 1px 0;
}
#menu ul.menulevel2 li a {
background : #e78e17;
}
#menu ul.menulevel2 li a:hover {
background : #fa9b17;
}
#menu ul.menulevel3 {
margin : 1px 0;
}
#menu ul.menulevel3 li a {
background : #fa9b17;
}
#menu ul.menulevel3 li a:hover {
background : #fa9b17;
}
#menu ul ul.menulevel3 li {
margin : 1px 0;
}
#menu2 {

padding-top : 0px;
padding-bottom : 5px;
margin-top: -4px;
padding-bottom: 3px;
width: 100%}
#menu2 li {
list-style : none;
padding : 0;

display : block;

text-decoration : none;
line-height : 200%;
padding-left : 1em;
padding-right : 1em;
border-radius : 5px;
background : #f87a17;
border : #fff solid 1px;
box-shadow : 0 0 10px rgba(0, 0, 0, 0.2), 0 0 10px rgba(0, 0, 0, 0.4);
transition-property: background-color, padding;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
margin-left: -10px;
margin-bottom: 3px;
font-size: 100%;}

#menu2, #menu2 a {
text-decoration : none;
display : block;
list-style : none;
color: #000000;
line-height : 200%;
font-family: arial, sans-serif;}
#menu2 li a:hover {
  transition-property: padding;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
color: #800000;
padding-left: 5px;
}
#menu2 li a:active {
color: #ffff00;}
.lastupdate {
font-size : 90%;

border-top : 1px solid #0080c0;
}
#newsboxright {
width : 100%;margin: 3em 0em 5em 0em;
clear: right}
.newsboxright_in {
padding : 10px;
margin-bottom : 1em;
font-size : 80% !important ;
background-color : #a9c9ec;
box-shadow : 0 0 10px rgba(0, 0, 0, 0.2), 0 0 10px rgba(0, 0, 0, 0.4);
border : #ffffff solid 1px;
}
.block {
width : 48%;
margin : 1% 1%;
float : left;
box-shadow : 0 8px 6px -6px black;
border-top : 1em solid #0080c0;
background-color : #a9c9ec;
border-radius : 5px;
}
.blockin {
padding : 0.5em;
font-size : 80%;
border-bottom-left-radius : 10px;
border-bottom-right-radius : 10px;
}
h1, h2, h3 {
color : #39421A;
font-size : 160%;
line-height : 1.4em;
font-weight : bold;
margin : 10px 0 10px 0;
}
h4 {
color : #39421A;
font-size : 125%;
line-height : 1.4em;
font-weight : bold;
margin : 15px 0 10px 0;
margin: 0px 0em 10px 0em;}
h5 {
color : #39421A;
font-size : 113%;
line-height : 1.4em;
font-weight : bold;
margin : 15px 0 10px 0;
}
h6 {
color : #39421A;
font-size : 107%;
line-height : 1.4em;
font-weight : bold;
margin : 15px 0 10px 0;
}
p {
margin : 10px 0;
}
ol {
margin : 6px 0;
}
ol li {
line-height : 1.0em;
border : 0;
padding : 3px 0;
margin : 0 0 0 22px;
}
ul {
list-style-image : url(images/inhlist.gif);
margin : 6px 0 12px 0;
}
ul li {
line-height : 1.0em;
border : 0;
padding : 3px 0;
margin : 0 0 0 17px;
}
hr {
height : 1px;
color : #ccc;
background-color : #ccc;
border : 0;
}
a, a:visited {
color : #534B1E;
}
a:hover {
color : #ff8040;
transition : color 0.5s;
}
blockquote {
clear: both;
font-family : Georgia, serif;
font-size : 100%;
font-style : italic;
width : auto;
margin : 0.25em 0;
padding : 0.25em 40px;
line-height : 1.45;
position : relative;
color : #005100;
box-shadow : 0 0 10px rgba(0, 0, 0, 0.2), 0 0 10px rgba(0, 0, 0, 0.4);
background-image: url(images/transparent.png);
background-repeat: repeat;}
blockquote:before {
display : block;
content : "\201C";
font-size : 80px;
position : absolute;
left : -4px;
top : -20px;
color: #005100;}
blockquote a, blockquote a:visited {
color : maroon;
}
blockquote a:after {
content : "\00BB";
}
img {
max-width : 100%;
height : auto;
box-shadow : 0 0 10px rgba(0, 0, 0, 0.2), 0 0 10px rgba(0, 0, 0, 0.4);
border: 1px #2f2f2f solid;}
.video {
position : relative;
padding-bottom : 56.25%;
padding-top : 30px;
height : 0;
overflow : hidden;
}
.video iframe, .video object, .video embed {
position : absolute;
top : 0;
left : 0;
width : 100%;
height : 100%;
}
p {
margin : 1em 0;
line-height : 1.3;
}
ol {
margin : 6px 0;
}
ol li {
line-height : 1.2;
border : 0;
padding : 0;
margin : 0 0 0 22px;
}
ul {
list-style-position : inside;
margin : 6px 0 6px 10px;
}
ul li {
line-height : 1.2;
border : 0;
padding : 5px 0;
margin : 0 0 0 17px;
}
.submenu li {
list-style-type : none;
font-size : 90%;
background: #0095cd;
background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
background: -moz-linear-gradient(top,  #00adee,  #0078a5);
border: 1px #004080 solid;
border-radius: 3px;
-webkit-box-shadow: inset 0 1px 0 0 #96ca6d;
box-shadow: inset 0 1px 0 0 #96ca6d;
text-align: left !important;
width: 230px;
margin-bottom: 3px;
text-decoration: none;
margin-left: 0em;}

.submenu li a {
text-decoration: none;
  color: #fff;

 padding: 7px 0em 8px 1em;
  text-shadow: 0 -2px 0 #4c9021;}
.submenu li a:hover {
color: #004080;}
#top {width: 100%;margin : 1.5em auto;
text-align: center;}
#top a {
	color: #e8f0de;
	border: solid 1px #538312;
	background: #64991e;
	background: -webkit-gradient(linear, left top, left bottom, from(#7db72f), to(#4e7d0e));
	background: -moz-linear-gradient(top,  #7db72f,  #4e7d0e);

	width: 50px;
text-align: center;
text-decoration: none;
font-weight: bold;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
#top a:hover {
	background: #538018;
	background: -webkit-gradient(linear, left top, left bottom, from(#6b9d28), to(#436b0c));
	background: -moz-linear-gradient(top,  #6b9d28,  #436b0c);

}
#top a:active {
	color: #a9c08c;
	background: -webkit-gradient(linear, left top, left bottom, from(#4e7d0e), to(#7db72f));
	background: -moz-linear-gradient(top,  #4e7d0e,  #7db72f);

}


@media screen and (max-width:480px) {
h1,h2,h3,h4 {
font-size: 120%;}
#header {
margin : 0 auto;
height : 135px;
background-image: url(images/header480.jpg);
background-repeat: no-repeat;
background-position: left top;}
textarea {overflow: auto; resize: both;width:99%;}
#right {
float : none;
margin-left : auto;
margin-right : auto;
text-align : center;
width : auto;
}
#body {
min-height : 100%;
background-image : none;
background-color: #0080c0;}
#wraper {
background-color: #ffffff;margin : 0 auto;}
#content {
width : 90%;
padding : 0 1em;
}
ul.menulevel1 {
visibility : hidden;
height : 1px;
overflow : hidden;
}
#menu2 li {
visibility : hidden;
height : 1px;
overflow : hidden;
}
#menu:hover ul.menulevel1 {
visibility: visible;
overflow: visible;
height:auto}
#newsboxrigh {
visibility : hidden;
height : 1px;
overflow : hidden;
}
.block {
width : 100%;
}
}
@media screen and (min-width:481px) and (max-width:768px) {
#body {
min-height : 100%;
background-size : cover;
background-image : url(images/background1000.jpg);
background-repeat : no-repeat;
background-position : center center;
background-attachment : fixed;
}
form#ta {
width : 99%;
}
#right {
float : none;
margin-left : auto;
margin-right : auto;
text-align : center;
width : auto;
}
#iconmenu {
visibility : hidden;
height : 1px;
overflow : hidden;
}
#content {
width : 95%;
padding : 0 1em;
}
#newsboxrigh {
visibility : hidden;
height : 1px;
overflow : hidden;
}
}
@media screen and (min-width:769px) {

#iconmenu {
visibility : hidden;
height : 1px;
overflow : hidden;
}
.block {
visibility : hidden;
height : 1px;
overflow : hidden;
}
sendbutton {
clear: both;margin-top: 0em;}
}

/*########### Responsive Tables Unsal ##########*/
table.responsive {
   width: 100%;
   border-spacing: 2px !important;
   border-collapse: separate;
   margin: 0 0 1em;
}
table.responsive tr {
   background-color: rgba(142, 163, 190, 0.2);
}
table.responsive tr:nth-child(odd) {
   background-color: rgba(142, 163, 190, 0.2);
}
table.responsive th {
   background-color: rgba(142, 163, 190, 0.2);
   padding: 0.25em 0.5em;
}
table.responsive td {
   overflow-wrap: break-word;
   padding: 0.25em 0.5em;
   vertical-align: top;
}
@media (max-width: 480px) {
table.responsive, table.responsive thead, table.responsive tbody, table.responsive th, table.responsive td, table.responsive tr {
   display: block;
   overflow: hidden;
}
table.responsive thead tr {
   position: absolute;
   top: -9999px;
   left: -9999px;
}
table.responsive tr:nth-child(odd) td {
   border-bottom: 1px solid #aaa;
}
table.responsive td {
   display: flex;
   border-bottom: 1px solid #ccc;
}
table.responsive td:before {
   content: attr(data-label) ": ";
   flex: 0 0 5em;
   font-weight: bold;
   margin-right: 1em;
   margin-bottom: 0.25em;
}
}