/***********************************************/
/* HTML tag styles                             */
/***********************************************/

/******* png fix *******/

a, img, div, td, input { behavior: url("iepngfix.htc") }

/******* loadpage styles *******/

.hidepage
{
position: absolute; 
left:0px; 
top:0px; 
background-image: url('images/black_75.png');
layer-background-color: #FFFFFF; 
color: #FFFFFF; 
text-align: center;
font-family: DUNGEON;
font-style: normal;
font-weight: normal;
font-size: 16px;
padding: 0px 0px 0px 0px;
height: 100%;
width: 100%;
} 

/******* font styles *******/

@font-face
{
font-family: DUNGEON;
src: url(http://www.erkotech.eu/DUNGEON0.eot);
}

/******* scrollbar tag styles *******/

html 
{
scrollbar-face-color: #FFFFFF;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #414140;
scrollbar-darkshadow-color: #414140;
scrollbar-shadow-color: #FFFFFF;
scrollbar-arrow-color: #C0C0C0;
scrollbar-track-color: #FFFFFF;
}

/******* hyperlink and anchor tag styles *******/

.menu A:link         { color: #000000; text-decoration: none }
.menu A:visited     { color: #000000; text-decoration: none }
.menu A:hover      { color: #F7CE21; text-decoration: none }

.shadow
{ 
display: table-cell;
background-image: url('images/bottom_head-shadow.png');
} 

/******* top frame styles *******/

.frame
{
text-align: center; 
height: 554px;
width: 800px;
background-color: #FFFFFF;
border: 1px solid #000000;
border-collapse: collapse;
} 

/******* top tag styles *******/

.head_side
{
height: 92px;
width: 325px;
background-color: #FFFFFF;
color: #000000; 
text-align: center;
font-family: DUNGEON;
font-style: normal;
font-weight: normal;
font-size: 12px;
padding: 10px 5px 0px 0px;
} 

.head_center
{
height: 92px;
color: #000000; 
background-color: #FFFFFF;
text-align: center;
font-family: DUNGEON;
font-style: normal;
font-weight: normal;
font-size: 12px;
padding: 10px 5px 0px 0px;
} 


/******* top tag styles *******/

.top_shadow
{ 
width: 100%;   
height: 10px;
padding: 0px 0px;
background-image: url('images/bottom_head-shadow.png');
} 

/******* menu tag styles *******/

.menu_frame
{
margin-left: auto;
margin-right: auto; 
}

.menu_show
{
background-image: url('images/black_75.png');
display: table-cell;
height: 12px;
width: 100%;
border-top: 1px solid #000000;
border-left: 1px solid #000000;
border-right: 0px solid #000000;
border-bottom: 1px solid #000000;
text-align: center;
font-family: DUNGEON;
font-style: normal;
font-weight: bold;
font-size: 13px;
color: #F7CE21;
} 

.menu_side
{ 
height: 12px;
width: 30%;
} 

.menu
{
display: table-cell;
height: 12px;
width: 100%;
border-top: 1px solid #000000;
border-left: 1px solid #000000;
border-bottom: 1px solid #000000;
text-align: center;
font-family: DUNGEON;
font-style: normal;
font-weight: bold;
font-size: 13px;
color: #FFFFFF;
} 

.menu a
{  
display: block;      
height: 12px;
width: 100%;
text-align: center;
background-image: url('images/white_50.png');
padding:  2px 0px 4px 0px;     
text-decoration: none;
}

.menu a:hover
{ 
background-image: url('images/black_50.png');     
text-decoration: none;
}

.menu_end
{ 
height: 12px;
width: 100%;
border-top: 1px solid #000000;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
text-align: center;
font-family: DUNGEON;
font-style: normal;
font-weight: bold;
font-size: 13px;
color: #FFFFFF;
} 

.menu_end a
{     
display: block; 
color: #000000;     
height: 12px;
width: 100%;   
background-image: url('images/white_50.png');
text-decoration: none;
padding:  2px 0px 4px 0px;
}

.menu_end a:hover
{   
background-image: url('images/black_50.png');
color: #F7CE21;
text-decoration: none;
}

/******* content tag styles *******/

.content 
{
margin: 20px;
float: center;
background-image: url('images/black_75.png');
border-top: 1px solid #000000;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
text-align: center;
font-family: DUNGEON;
font-style: normal;
font-weight: normal;
font-size: 13px;
color: #FFFFFF;
height: 338px;
width: 700px;
padding: 20px;
margin-left: auto;
margin-right: auto;
}

/******* content cel image tag styles *******/

.content_cel_image
{
background-image: url('images/white_75.png');
border-top: 1px solid #000000;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
font-family: DUNGEON;
font-style: normal;
font-weight: normal;
font-size: 13px;
color: #000000;
text-align: center;
height: 100%;
}

/******* content cel text tag styles *******/

.content_cel_text
{
background-image: url('images/black_75.png');
height: 10px;
font-family: DUNGEON;
font-style: normal;
font-weight: normal;
font-size: 13px;
color: #FFFFFF;
text-align: center;
padding: 2px 4px 2px 4px;
}

/******* content cel text link tag styles *******/

.content_cel_text a
{
font-family: DUNGEON;
font-style: normal;
font-weight: normal;
font-size: 13px;
color: #FFFFFF;
text-align: center;
text-decoration: underline
}

.content_cel_text a:hover
{
font-family: DUNGEON;
font-style: normal;
font-weight: normal;
font-size: 13px;
color: #F7CE21;
text-align: center;
text-decoration: none
}

/******* content link tag styles *******/

.content a
{
font-family: DUNGEON;
font-style: normal;
font-weight: normal;
color: #FFFFFF;
text-align: center;
text-decoration: underline
}

.content a:hover
{
font-family: DUNGEON;
font-style: normal;
font-weight: normal;
color: #F7CE21;
text-align: center;
text-decoration: none
}

/********************* end **********************/