body{margin:0; font-family:Arial, Helvetica, sans-serif; background:url(images/background_main_lg_3.jpg) no-repeat; background-color:#000615; color:white;}
h2{color:#99cc66; font-size:22px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:lighter; margin-bottom:5px}
a{text-decoration:none; color:white; outline-style:none;}
img{border:none;}


#menu_bg{width:100%; height:31px; background:url(images/menu_bg.jpg) repeat-x;}
#wrap{width:800px; margin:auto;}
#menu_top{list-style-type:none; margin:0; padding:0; margin-left:100px;}
#menu_top li{float:left; padding:5px 7px 0 7px; color:#003366; font-size:14px; background:url(images/menu_sep.jpg) no-repeat left center; margin-top:4px;}
#menu_top li a{color:#003366;}
#menu_top li a:hover{color:white;}
#menu_top li.no_sep{background:none;}
#logo{width:123px; height:94px; background:url(images/logo.png) no-repeat; float:left; margin:10px 0 0 0;}
#title{width:413px; height:69px; background:url(images/title.png) no-repeat; margin-top:25px; float:left; margin-left:20px}
#panel{display:none; z-index:1000; padding:20px; width:318px; height:118px; font-size:14px;}


#panel_main{width:759px; height:433px; background:url(images/panel_main.png) no-repeat; margin-top:20px; padding:20px;}
#panel_main img{float:left; padding-right:20px;}
#panel_main h2{color:#99cc66; padding:20px 0 0 20px; margin:0;}

.panel_left{float:left; width:328px; height:158px; background:url(images/panel_left.png) no-repeat; padding-bottom:77px; padding-left:20px; padding-right:10px; margin-top:-1px;}
.panel_left p{font-size:12px;}
#panel_right{float:right; width:414px;height:628px; background:url(images/panel_right.png) no-repeat; margin-top:-1px; margin-right:2px}


#hirlevel{float:left;}
#hirlevel label{color:#99cc66; font-size:22px; font-family:georgia; float:left; margin-top:2px}
input.emil_mezo{background-color:none; border:none; background:url(images/input_bg.png) no-repeat; width:164px; height:25px; color:#3399cc; padding-left:10px;float:left; outline-style:none; font-size:12px; padding-top: 6px; padding-right:10px;}
#hirlevel input.feliratkozas{background:url(images/hirlevel_btn.png) no-repeat;width:24px; height:24px; color:#99cc66; border:none; cursor:pointer; float:left; margin:5px 0 0 10px;}


#panel_frame{width:801px; height:auto;}
#panel_top{width:801px; height:13px; background:url(images/panel_main_top.png) no-repeat;}
#panel_mid{width:801px; height:auto; background:url(images/panel_main_mid.png) repeat-y; padding:0 20px 0 20px;}
#panel_bot{width:801px; height:8px; background:url(images/panel_main_bot.png) no-repeat;}



#footer{background-color:#0A1022; border-top:1px solid #171B2D; width:100%;}
#footer_inner{width:1000px; margin:auto; padding-top:20px; font-size:12px; line-height:20px}
#footer_inner img{float:left;}
#footer_inner ul{list-style-type:none; margin:0; padding:0 40px 0 40px; float:left;}
#footer_inner ul img{margin-left:80px; padding-bottom:10px;}

.pdf_link{ font-size:12px;}
.pdf_link:hover{color:#3399cc;}

.pdf_link_main{ font-size:16px; margin-left:10px}
.pdf_link_main:hover{color:#3399cc;}
.message{font-size:12px; color:#3399cc;}
.wdm_blue{margin-left:375px;color:#3399cc; font-size:10px;}
.wdm_white{font-size:10px;}
.blue_text{color:#3399cc; font-size:10px;}
.blue_link{color:#3399cc; font-size:10px; text-decoration:none;}
.bovebben_link{color:#3399cc; text-decoration:none; position:relative; top:4px; left:7px; z-index:20;}
.green_link{color:#99cc66; font-size:10px; text-decoration:none;}
.title{color:#99cc66; font-size:22px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:lighter;padding-bottom:20px}
.error{color:red;}
.noerror{color:white;}

.bovebben_fade_lg{width:117px; height:33px; position:relative; float:right; margin-right:10px; font-size:12px; margin-top:3px;}
.bovebben_a_lg{z-index:10; position:absolute; top:0; left:0; width:117px; height:33px; background:url(images/bovebben_lg1.png) no-repeat;cursor:pointer;}
.bovebben_b_lg{opacity:0; filter: alpha(opacity = 0); position:absolute; top:0; left:0; width:117px; height:33px; background:url(images/bovebben_lg2.png) no-repeat;cursor:pointer;}



.bovebben_fade{width:85px; height:19px; position:relative; float:right; margin-right:10px; font-size:12px;}
.bovebben_a{z-index:10; position:absolute; top:0; left:0; width:85px; height:19px; background:url(images/bovebben_bg.jpg) no-repeat;  color:#3399cc; padding:6px 0 0 10px; font-style:italic; cursor:pointer; float:right;}
.bovebben_b{opacity:0; filter: alpha(opacity = 0); position:absolute; top:0; left:0; width:85px; height:19px; background:url(images/bovebben_bg_hover.jpg) no-repeat; color:#3399cc; padding:6px 0 0 10px; font-style:italic; cursor:pointer; float:right;}

.bovebben_a a{color:#3399cc;}
.bovebben_a a:hover{color:#99cc66}

.bovebben_b a{color:#3399cc;}
.bovebben_b a:hover{color:#99cc66}



.bemutatkozo_text{font-size:12px; text-align:justify; padding:0px 0 20px 0;}
.dots{height:1px; background:url(images/dots.jpg) repeat-x; padding-bottom:10px;}
.clear{clear:both;}
.space{height:300px;}

/* LOGIN AND REGISTRATION */
#fade{position:absolute; height:3000px; width:100%; top:0; left:0; z-index:1000; background-color:black; display:none; z-index:1000;}

#loginframe{width:448px; height:auto; position:absolute; display:none; top:150px; z-index:1100;}
#login_top{width:448px; height:135px; background:url(images/login_top.png) no-repeat; }
#login_mid{width:448px; height:auto; background:url(images/login_mid.png) repeat-y;; }
#login_bot{width:448px; height:64px; background:url(images/login_bot.png) no-repeat; }




#login_top h2{padding:70px 0 0 78px;}
#login p{font-size:10px;  margin: 0 0 0 150px;}
#login p a:hover{color:#3399cc;}
#loginform{margin:0 0 0 80px}
#loginform label{font-family:georgia; float:left; margin-top:2px; color:#3399cc;}
#loginform .emil_mezo{float:right;}
#loginform .feliratkozas{position:absolute; right:50px; top:188px; background:url(images/hirlevel_btn.png) no-repeat;width:24px; height:24px; border:none; cursor:pointer;}

#reg{width:448px; height:auto; display:none; top:500px;}
#reg h2{margin:0px 0 0 80px;}
#regform{margin:30px 0 0 80px;}
#regform .emil_mezo{float:right;}
#regform label{font-family:georgia; float:left; margin-top:2px; color:#3399cc;}
#regform .feliratkozas{position:absolute; right:50px; top:448px; display:none; background:url(images/hirlevel_btn.png) no-repeat;width:24px; height:24px; border:none; cursor:pointer;}
#msg{font-size:12px; color:red; text-align:center; display:none; width:100%; margin-left:10px;}

#lostpass label{color:#99cc66; font-size:18px; font-family:georgia;}
#lostpass input.feliratkozas{background:url(images/hirlevel_btn.png) no-repeat;width:24px; height:24px; color:#99cc66; border:none; cursor:pointer; position:relative; top:-3px;}
#lostpass input.emil_mezo{margin-left:10px;}

/* PARALLAX */
#parallax{position:relative; overflow:hidden; width:788px; height:388px; background:url(images/parallax_bg.png) no-repeat; z-index:1; margin-left:2px;}
#parallax #layer1 { background:url(images/parallax_ship.png) no-repeat; width:500px; height:420px; }
#parallax #layer2 {background:url(images/parallax_fish1.png) no-repeat; width:100px; height:300px;}
#parallax #layer3 {background:url(images/parallax_fish2.png) left  no-repeat; width:700px; height:400px;}
#parallax #layer4 {background:url(images/parallax_fish3.png) right  no-repeat; width:600px; height:300px;}
#parallax #layer5 {background:url(images/parallax_fish4.png) left bottom no-repeat; width:700px; height:350px;}
#parallax #layer6 {background:url(images/parallax_fish5.png)  bottom no-repeat; width:650px; height:320px;}
#parallax #layer7 {background:url(images/parallax_fish6.png) bottom right no-repeat; width:350px; height:380px;}
#parallax #layer8 {background:url(images/parallax_fish7.png) right no-repeat; width:350px; height:410px;}
#parallax #layer8 {background:url(images/parallax_fish8.png) center no-repeat; width:820px; height:390px;}


#demotip {
	display:none;
	background:transparent url(images/tooltip.png) no-repeat;
	font-size:12px;
	height:40px;
	width:176px;
	padding:10px;
	position:relative;
        left:0;
	color:#3399cc;	
}
.tooltip{ font-size:12px;}
.tooltip:hover{color:#3399cc;}
.pdf_link:hover{color:#3399cc;}