body {
background-color: #300230;
font-family: 'Calibri','Arial', sans;
padding: 0px;
margin: 0px;
}

.hat {

height: 98px;
width: 100%;
text-align: right;
}

.logo {
background: url('img/design2/logo.jpg') no-repeat left top;
height: 98px;
width: 260px;
float: left;
}

.reg {
background: url('img/design2/reg0.gif') no-repeat left bottom;
background-color: #640665;
float:right;
padding: 6px;
}

.search{
color: #FFFFFF;
padding-top: 30px;
padding-left: 30px;
float: left;
}



.abc{
background: url('img/design2/grad.gif') repeat ;
width:100%;
padding-bottom: 3px;
padding-top: 6px;
}

.abctext {
padding-left: 20px;
}

.abc a:link, .abc a:visited {
color: #FFFFFF;
text-decoration: none;
}

.abc a:hover {
color: #FFFFFF;
text-decoration: underline;
}

.reg a:link, .reg a:visited {
color: #FFFFFF;
text-decoration: underline;
}

.reg a:hover {
color: #FFFFFF;
text-decoration: none;
}

.puzo {
min-width: 900px;
background-color: #afadad;
width: 100%;

}

a:link {
color: #500550;
text-decoration: underline;

}

a:visited {
color: #980898;
text-decoration: underline;
}

a:hover {
text-decoration: none;
}

.menu {
font-size: 120%;
padding: 10px;
font-weight: bold;
}

.inform {
width:100%;
background: url('img/design2/u.gif') repeat-x top;
background-color: #dcdcdc;
}

h1 {
	font-size: 150%;
	margin: 0px;
}

h2 {
	margin: 0px;
	color: #5e5e5e;
}


.infleft {
padding: 20px;
float:left;

}

.infright {
padding: 20px;
float:right;
text-align: right;

}

.l1{
width:100%;
background: url('img/design2/l1.gif') repeat-y left;
height: 100%;
}

.r1{
width:100%;
background: url('img/design2/r1.gif') repeat-y right;
height: 100%;
}

.ul{
width:100%;
background: url('img/design2/ul.gif') no-repeat left top;
height: 100%;
}

.ur{
width:100%;
background: url('img/design2/ur.gif') no-repeat right top;
height: 100%;
}

.tekst {
width:100%;
background: url('img/design2/d.gif') repeat-x bottom;
background-color: #f4f4f4;
}

.tekst0 {
padding: 20px;
	
}

.l2{
width:100%;
background: url('img/design2/l2.gif') repeat-y left;
height: 100%;
}

.r2{
width:100%;
background: url('img/design2/r2.gif') repeat-y right;
height: 100%;
}

.dl{
width:100%;
background: url('img/design2/dl.gif') no-repeat left bottom;
height: 100%;
}

.dr{
width:100%;
background: url('img/design2/dr.gif') no-repeat right bottom;
height: 100%;
}

.down {
width: 100%;
height:40px;
color: #ffffff;
}

.downtext {
	padding: 5px;	
}

.ddd {
padding: 5px;
float: right;
}

.ddd a:visited, .ddd a:link {
	color: #5e5e5e;
	text-decoration: underline;
	
}

.sl{
background: url('img/design2/sl.gif') no-repeat left top;
background-color: #ffffff;
height:23px;
float:left;
}

.sltext{ 
padding-left: 10px;

}

.inlineb {
    vertical-align: top;
	
	border:0;
	height: 20px;
}

img {
	border: 0;
}

a.tooltip {
display: inline-block;
text-decoration: none;
color: #500550;
font-weight: bold;
}

a.tooltip span {
display:none;
}


a.tooltip:hover {
position: relative;
font-size: 100%; /* IE6 fix */
}

a.tooltip:hover span {
display: block;
position: absolute;
top: 1em;
left: 2em;
padding: 0.2em 0.6em;
border: 1px solid #5e5e5e;
background-color: #dcdcdc;
color: #5e5e5e;
white-space: nowrap;
z-index: 1;
}

.ddd a:hover {
  color: #5e5e5e;
  text-decoration: none;
}

.texterror {
	color: #FF0000;
	font-weight: bold;
}

.textok {
	color: #00AA00;
	font-weight: bold;
}

.scroll {
float: right;
 text-align: right;
}
.scroll_ui {
 float: right;
 text-align: center;
 background: url('img/design2/scrol.gif') no-repeat right bottom;
 height: 150px;
 width: 20px;

}

.scroll_ui a:link, .scroll_ui a:visited , .scroll_ui a:hover{

text-decoration: none;
}