/*
Szuppi szinek:
cyan: #009cdd;
yellow: #ffec00;
barna: #735a17;
vilagosbarna: #f0d1a0;
zöld: #267836;

*/

img{
  border: 0 solid;
  border-color: black;
}

* {
	font-family: 'Kids', 'Comic Sans MS';
	src: url('http://ra-design.hu/projects/szuppi/css/kids-webfont.eot');
	src: url('http://ra-design.hu/projects/szuppi/css/kids-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Kids', 'Comic Sans MS';
	src: url('kids-webfont.eot');
	src: url('kids-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

/*
* {
  font-family: Comic Sans MS;
}

*/

body {
  background-color: #ffffff;
  background-image:url('../img/hatterkep.png');
  background-repeat:no-repeat;
  margin: 0px;
  padding: 0px;
  overflow-y:auto;
  overflow-x:auto;
}

.bck_img {
  margin: 0px;
  padding: 0px;
  border: 0px;
}
td {
  text-align: justify;
  font-weight: bold;
  font-size: 10pt;
}
.title_text {
  padding: 5px;
  margin: 0px;
  width: 300px;
  position: absolute;
  top: 250px;
  left: 470px;
  text-align: center;
  font-weight: bold;
  font-family: Kids;
  font-size: 14pt;
  /*border: 1 solid; */
}

.main_text {
  padding: 5px;
  margin: 0px;
  width: 443px;
  position: absolute;
  top: 300px;
  left: 400px;
  text-align: justify;
  font-weight: normal;
  font-family: Kids, 'Comic Sans MS';
  font-size: 10pt;
  height: 300px;
  overflow: auto;
}

.gallery_text {
  padding: 5px;
  margin: 0px;
  width: 350px;
  position: absolute;
  top: 300px;
  left: 450px;
  text-align: center;
  font-weight: normal;
  font-family: Kids, 'Comic Sans MS';
  font-size: 10pt;
  height: 300px;
  overflow: auto;
}    

.adatvedelem_text {
  padding: 5px;
  margin: 100px;
  position: absolute;
  top: 10px;
  left: 10px;
  text-align: justify;
  font-weight: normal;
  font-family: Kids, 'Comic Sans MS';
  font-size: 12pt;
  width: 800px;
 }
 
a:link {
  text-decoration: none;
  color:#267836;
}

a:visited {
  text-decoration: none;  
  color:#267836
  }

a:active {
  text-decoration: none; 
  color:#267836
}

a:hover {
  color: #267836; 
}

  /* keret*/
  scrollbar-3dlight-color: black;
  scrollbar-darkshadow-color: black; 
  /*belső keret*/
  scrollbar-highlight-color:#009cdd; 
  scrollbar-shadow-color:#009cdd;  
   
  scrollbar-face-color:#009cdd;
  scrollbar-arrow-color: white; 
/*scrollbar-base-color:#009cdd;*/
/*
*/
}

.error {
  color: red;
}

label {
  width: 150px;
}

.input {
  width: 200px;
}