body {
margin: 0;
border: 0;
padding 0;
}
h1 {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 22px;
 font-weight: bold;
 color: #333399;
 border-bottom-width: 1px;
 border-top-style: solid;
 border-right-style: solid;
 border-bottom-style: solid;
 border-left-style: solid;
 border-top-color: #FFCC33;
 border-right-color: #FFCC33;
 border-bottom-color: #FFCC33;
 border-left-color: #FFCC33;
 border-top-width: 0px;
 border-right-width: 0px;
 border-left-width: 0px;
}
.keretsarga {
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FF9900;
	border-right-color: #FF9900;
	border-bottom-color: #FF9900;
	border-left-color: #FF9900;

}
.topleft {
	background-image: url(img/topleft.jpg);
	background-position: right top;
	background-repeat: no-repeat;
	background-color: #333399;



}
.topright {
	background-image: url(img/topright.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	background-color: #333399;


}
.texturaright {
	background-image: url(img/texturaright.gif);
	background-repeat: repeat-y;
	background-position: left top;
	background-color: #333399;

}
.texturaleft {
	background-image: url(img/texturaleft.gif);
	background-repeat: repeat-y;
	background-position: right top;
	background-color: #333399;

}
.bottomright {
	background-image: url(img/bottomright.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
	background-color: #333399;

}
.bottomleft {
	background-image: url(img/bottomleft.jpg);
	background-position: right bottom;
	background-repeat: no-repeat;
	background-color: #333399;

}
.impresszum {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8px;
	font-weight: bold;
	color: #333399;
	text-decoration: none;
}
.keretsargatextura {
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FF9900;
	border-right-color: #FF9900;
	border-bottom-color: #FF9900;
	border-left-color: #FF9900;
	background-image: url(img/textura.gif);

}
.link {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #3366CC;
	text-decoration: none;
	background-repeat: repeat-x;
	height: 50px;
	left: 5px;
	right: 5px;
	padding-right: 7px;
	padding-left: 7px;
	background-image: url(img/gomb1.gif);
	padding-top: 20px;
	text-align: center;


}
.link:hover {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #0066CC;
	text-decoration: none;
	background-image: url(img/gomb1-2.gif);
	background-repeat: no-repeat;
	height: 23px;
	width: 120px;
	padding: 0px;
}
.hatter2  {
	background-color: #FFCC33;
	font-weight: bold;
}
.tablehatter2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333399;
	padding: 3px;
	background-color: #DFEFFF;

}
.tablehatter {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #333399;
	padding: 3px;
	background-color: #DFEFFF;
}


/**************** menu coding *****************/
#menu {
width: 145px;
background: #FFC142;
}

#menu ul {
list-style: none;
margin: 0;
padding: 0;
}

#menu a {
font-size: 12px;
font-family: Geneva, Arial, Helvetica, sans-serif;
display: block;
margin: 0;
padding: 2px 3px;
height: 34px;
padding-top: 9px;
padding-bottom: 6px;
text-align: center;
font-weight: bold;
}

#menu a {
color: #333399;
background-image: url(img/gomb1.gif);
text-decoration: none;
}

#menu a:hover {
color: #FF9900;
background-image: url(img/gomb1-2.gif);
}
#menu .aa {
color: #333399;
background-image: url(img/gomb1-3.gif);
text-decoration: none;
}

#menu .aa:hover {
color: #FF9900;
background-image: url(img/gomb1-3.gif);
}

#menu .b {
font-style: italic;
font-weight: bold;
font-size: 12px;
font-family: Geneva, Arial, Helvetica, sans-serif;
display: block;
margin: 0;
padding: 2px 3px;
height: 25px;
padding-top: 6px;
padding-bottom: 6px;
text-align: center;
}

#menu .b {
color: #333399;
background-image: url(img/gomb2.gif);
text-decoration: none;
}

#menu .b:hover {
color: #FF9900;
background-image: url(img/gomb2-2.gif);
}
#almenu {
width: 145px;
background: #FFC142;
}

#almenu ul {
list-style: none;
margin: 0;
padding: 0;
}

#almenu a {
font-size: 12px;
font-family: Geneva, Arial, Helvetica, sans-serif;
display: block;
margin: 0;
padding: 2px 2px;
height: 20px;
padding-top: 2px;
padding-bottom: 2px;
text-align: center;
font-weight: bold;
}

#almenu a {
color: #333399;
background-image: url(img/almenu2.gif);
text-decoration: none;
}

#almenu a:hover {
color: #FF9900;
background-image: url(img/almenu2-2.gif);
}

.metutop {
	background-image: url(img/top.gif);
	background-repeat: no-repeat;
	background-position: center top;
}
.menubotom {
	background-image: url(img/botom.gif);
	background-repeat: no-repeat;
	background-position: center top;
}
.hatter {
	background-image: url(img/textura.gif);
	border-top-width: 4px;
	border-right-width: 0px;
	border-bottom-width: 5px;
	border-left-width: 1px;
	border-top-style: solid;
	border-top-color: #FFC142;
	border-bottom-color: #FEF7E9;
	border-left-color: #FFC142;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333399;
	padding: 10px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
}
.hatter table {
	padding: 5px;
	background-color: #DFEFFF;
	border: #333399;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #333399;
	padding: 5px;
	background-color: #F0F8FF;
	border: 1px solid #333399;
}
.input2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #333399;
	background-color: #F0F8FF;
	border: 1px solid #333399;
}
.box1 {
  width: 145px;
  background: url(img/bannerhatter1.jpg);
  margin-top: 20px;
  padding-top: 5px;
}
.text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333399;
}

.box1 .content {
  background: url(img/bannerhatter1.jpg) bottom;
}

.box1 .content p {
	margin: 0;
	padding: 0 5px 5px 5px;
	FONT-SIZE: 10px;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	COLOR: #666666;
	font-weight: bold;
}

.text2vibra {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FF0000;
	font-weight: bold;
	text-align: center;
}
.text3vibra {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF0000;
	font-weight: bold;
	text-decoration: underline;
	text-align: center;
}
.text4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	background-color: #F5C547;
	margin: 2px 5px;
}

#top {
	HEIGHT: 70px;
	FLOAT: left;
	WIDTH: 600px;
}
#banner {
	FLOAT: left;
	WIDTH: 145px;
}