@charset "utf-8";
/* CSS Document */

body {
	margin: 0px auto 80px auto;
	font-family: Tahoma;
	font-size: 12px;
	background-color: #263548;
	background-image: url(../img/demo_webcreation_col_bg.jpg);
	background-repeat: repeat-x;
	background-position: top;
	color: #FFFFFF;
	}

.clearer {
	clear: both;
	}

#demo-webcreation-bg {
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	background-image: url(../img/demo_webcreation_bg.jpg);
	background-position: top center;
	display: block;
	height: auto;
	width: auto;
	}

#demo-webcreation-container {
	width: 913px;
	height: auto;
	margin: 0 auto;
	}


/* header */


#demo-header-top {
	width: 913px;
	height: 26px;
	}

#demo-header-top-first {
	background-image: url(../img/demo_top_first.jpg);
	width: 638px;
	height: 26px;
	float: left;
	}

#demo-header-menu-webcreation a {
	background-image: url(../img/demo_top_menu_webcreation_off.jpg);
	width: 162px;
	height: 26px;
	display: block;
	float: left;
	}

#demo-header-menu-webcreation a:hover {
	background-image: url(../img/demo_top_menu_webcreation_hover.jpg);
	}

#demo-header-menu-kapcsolat a {
	background-image: url(../img/demo_top_menu_contact_off.jpg);
	width: 101px;
	height: 26px;
	display: block;
	float: left;
	}

#demo-header-menu-kapcsolat a:hover {
	background-image: url(../img/demo_top_menu_contact_hover.jpg);
	}

#demo-header-top-end {
	background-image: url(../img/demo_top_last.jpg);
	width: 12px;
	height: 26px;
	float: left;
	}

#demo-header {
	background-image: url(../img/demo_header.jpg);
	width: 913px;
	height: 105px;
	}

#demo-header-info-container {
	width: 913px;
	height: 444px;
	}
        
        
/* header bal oldali menupontok */

#demo-left-menu {
	width: 201px;
	height: 444px;
	float: left;
	}

#menu-left-tartalomszerkeszto-modul a {
	background-image: url(../img/demo_menu_tartalomszerkeszto.jpg);
	background-position: top;
	width: 201px;
	height: 51px;
	display: block;
	}

#menu-left-tartalomszerkeszto-modul a:hover {
	background-position: bottom;
	}

#menu-left-tartalomszerkeszto-modul-select a {
	background-image: url(../img/demo_menu_tartalomszerkeszto_on.jpg);
	width: 201px;
	height: 51px;
	display: block;
	}

#menu-left-kepgaleria-modul a {
	background-image: url(../img/demo_menu_kepgaleria.jpg);
	background-position: top;
	width: 201px;
	height: 49px;
	display: block;
	}

#menu-left-kepgaleria-modul a:hover {
	background-position: bottom;
	}

#menu-left-kepgaleria-modul-select a {
	background-image: url(../img/demo_menu_kepgaleria_on.jpg);
	width: 201px;
	height: 49px;
	display: block;
	}
	
#menu-left-vendegkonyv-modul a {
	background-image: url(../img/demo_menu_vendegkonyv.jpg);
	background-position: top;
	width: 201px;
	height: 49px;
	display: block;
	}

#menu-left-vendegkonyv-modul a:hover {
	background-position: bottom;
	}

#menu-left-vendegkonyv-modul-select a {
	background-image: url(../img/demo_menu_vendegkonyv_on.jpg);
	width: 201px;
	height: 49px;
	display: block;
	}
	
#menu-left-hirek-modul a {
	background-image: url(../img/demo_menu_hirek.jpg);
	background-position: top;
	width: 201px;
	height: 49px;
	display: block;
	}

#menu-left-hirek-modul a:hover {
	background-position: bottom;
	}

#menu-left-hirek-modul-select a {
	background-image: url(../img/demo_menu_hirek_on.jpg);
	width: 201px;
	height: 49px;
	display: block;
	}
	
#menu-left-programok-modul a {
	background-image: url(../img/demo_menu_programok.jpg);
	background-position: top;
	width: 201px;
	height: 49px;
	display: block;
	}

#menu-left-programok-modul a:hover {
	background-position: bottom;
	}

#menu-left-programok-modul-select a {
	background-image: url(../img/demo_menu_programok_on.jpg);
	width: 201px;
	height: 49px;
	display: block;
	}

#menu-left-fajlkezelo-modul a {
	background-image: url(../img/demo_menu_fajlkezelo.jpg);
	background-position: top;
	width: 201px;
	height: 49px;
	display: block;
	}

#menu-left-fajlkezelo-modul a:hover {
	background-position: bottom;
	}

#menu-left-fajlkezelo-modul-select a {
	background-image: url(../img/demo_menu_fajlkezelo_on.jpg);
	width: 201px;
	height: 49px;
	display: block;
	}

#menu-left-linkgyujtemeny-modul a {
	background-image: url(../img/demo_menu_linkgyujtemeny.jpg);
	background-position: top;
	width: 201px;
	height: 49px;
	display: block;
	}

#menu-left-linkgyujtemeny-modul a:hover {
	background-position: bottom;
	}

#menu-left-linkgyujtemeny-modul-select a {
	background-image: url(../img/demo_menu_linkgyujtemeny_on.jpg);
	width: 201px;
	height: 49px;
	display: block;
	}

#menu-left-hirlevel-modul a {
	background-image: url(../img/demo_menu_hirlevel.jpg);
	background-position: top;
	width: 201px;
	height: 49px;
	display: block;
	}

#menu-left-hirlevel-modul a:hover {
	background-position: bottom;
	}

#menu-left-hirlevel-modul-select a {
	background-image: url(../img/demo_menu_hirlevel_on.jpg);
	width: 201px;
	height: 49px;
	display: block;
	}
	
#menu-left-termekbemutato-modul a {
	background-image: url(../img/demo_menu_termekbemutato.jpg);
	background-position: top;
	width: 201px;
	height: 50px;
	display: block;
	}

#menu-left-termekbemutato-modul a:hover {
	background-position: bottom;
	}

#menu-left-termekbemutato-modul-select a {
	background-image: url(../img/demo_menu_termekbemutato_on.jpg);
	width: 201px;
	height: 50px;
	display: block;
	}

/* infó a modulokról */ 

#demo-header-info {
	width: 712px;
	height: 444px;
	float: left;
	}

#demo-moduls-name-tartalomszerkeszto-modul {
	background-image: url(../img/demo_modul_name_tartalomszerkeszto.jpg);
	width: 712px;
	height: 109px;
	}

#demo-moduls-name-kepgaleria-modul,
#demo-moduls-name-kepgaleria-modul-kepek {
	background-image: url(../img/demo_modul_name_kepgaleria.jpg);
	width: 712px;
	height: 109px;
	}

#demo-moduls-name-vendegkonyv-modul {
	background-image: url(../img/demo_modul_name_vendegkonyv.jpg);
	width: 712px;
	height: 109px;
	}

#demo-moduls-name-hirek-modul,
#demo-moduls-name-hirek-modul_02 {
	background-image: url(../img/demo_modul_name_hirek.jpg);
	width: 712px;
	height: 109px;
	}
	
#demo-moduls-name-programok-modul,
#demo-moduls-name-programok-modul_02 {
	background-image: url(../img/demo_modul_name_programok.jpg);
	width: 712px;
	height: 109px;
	}

#demo-moduls-name-fajlkezelo-modul {
	background-image: url(../img/demo_modul_name_fajlkezelo.jpg);
	width: 712px;
	height: 109px;
	}

#demo-moduls-name-linkgyujtemeny-modul {
	background-image: url(../img/demo_modul_name_linkgyujtemeny.jpg);
	width: 712px;
	height: 109px;
	}

#demo-moduls-name-hirlevel-modul {
	background-image: url(../img/demo_modul_name_hirlevel.jpg);
	width: 712px;
	height: 109px;
	}
	
#demo-moduls-name-termekbemutato-modul,
#demo-moduls-name-termekbemutato-modul_02,
#demo-moduls-name-termekbemutato-modul_03 {
	background-image: url(../img/demo_modul_name_termekbemutato.jpg);
	width: 712px;
	height: 109px;
	}

#demo-moduls-info {
	background-image: url(../img/demo_modul_info_bg.jpg);
	width: 712px;
	height: 211px;
	}

#demo-moduls-info-text {
	width: 624px;/*712*/
	height: 173px;/*211*/
	padding: 20px 38px 0px 50px;
	text-align: justify;
	line-height: 140%;
	overflow: hidden;
	}

#demo-moduls-icon-tartalomszerkeszto-modul {
	background-image: url(../img/demo_modul_icon_tm.jpg);
	width: 712px;
	height: 124px;
	}

#demo-moduls-icon-kepgaleria-modul {
	background-image: url(../img/demo_modul_icon_km.jpg);
	width: 712px;
	height: 124px;
	}

#demo-moduls-icon-vendegkonyv-modul {
	background-image: url(../img/demo_modul_icon_vm.jpg);
	width: 712px;
	height: 124px;
	}

#demo-moduls-icon-hirek-modul {
	background-image: url(../img/demo_modul_icon_hm.jpg);
	width: 712px;
	height: 124px;
	}

#demo-moduls-icon-programok-modul {
	background-image: url(../img/demo_modul_icon_pm.jpg);
	width: 712px;
	height: 124px;
	}

#demo-moduls-icon-fajlkezelo-modul {
	background-image: url(../img/demo_modul_icon_fm.jpg);
	width: 712px;
	height: 124px;
	}

#demo-moduls-icon-linkgyujtemeny-modul {
	background-image: url(../img/demo_modul_icon_lm.jpg);
	width: 712px;
	height: 124px;
	}

#demo-moduls-icon-hirlevel-modul {
	background-image: url(../img/demo_modul_icon_hlm.jpg);
	width: 712px;
	height: 124px;
	}

#demo-moduls-icon-termekbemutato-modul {
	background-image: url(../img/demo_modul_icon_bm.jpg);
	width: 712px;
	height: 124px;
	}
	
#demo-header-bottom {
	background-image: url(../img/demo_heder_bottom.jpg);
	width: 913px;
	height: 15px;
	}

/* aloldalak címei */

#demo-title-line {
	width: 913px;
	height: 50px;
	}

#demo-title-elonyok {
	background-image: url(../img/demo_h1_elonyok.jpg);
	width: 196px;
	height: 40px;
	float: left;
	}

#demo-title-tartalomszerkeszto {
	background-image: url(../img/demo_h1_tartalomszerkeszto.jpg);
	background-repeat: no-repeat;
	width: 257px;
	height: 40px;
	float: left;
	}

#demo-title-kepgaleria {
	background-image: url(../img/demo_h1_kepgaleria.jpg);
	background-repeat: no-repeat;
	width: 257px;
	height: 40px;
	float: left;
	}

#demo-title-vendegkonyv {
	background-image: url(../img/demo_h1_vendegkonyv.jpg);
	background-repeat: no-repeat;
	width: 257px;
	height: 40px;
	float: left;
	}

#demo-title-hirek {
	background-image: url(../img/demo_h1_hirek.jpg);
	background-repeat: no-repeat;
	width: 257px;
	height: 40px;
	float: left;
	}

#demo-title-programok {
	background-image: url(../img/demo_h1_programok.jpg);
	background-repeat: no-repeat;
	width: 257px;
	height: 40px;
	float: left;
	}

#demo-title-fajlkezelo {
	background-image: url(../img/demo_h1_fajlkezelo.jpg);
	background-repeat: no-repeat;
	width: 257px;
	height: 40px;
	float: left;
	}
	
#demo-title-linkgyujtemeny {
	background-image: url(../img/demo_h1_linkgyujtemeny.jpg);
	background-repeat: no-repeat;
	width: 257px;
	height: 40px;
	float: left;
	}
	
#demo-title-hirlevel {
	background-image: url(../img/demo_h1_hirlevel.jpg);
	background-repeat: no-repeat;
	width: 257px;
	height: 40px;
	float: left;
	}
	
#demo-title-termekbemutato {
	background-image: url(../img/demo_h1_termekbemutato.jpg);
	background-repeat: no-repeat;
	width: 257px;
	height: 40px;
	float: left;
	}


/* tartalom */

#demo-content {
	width: 913px;
	height: auto;
	background-image: url(../img/demo_content_bg.jpg);
	background-repeat: repeat-y;
	}

#demo-content-right {
	float: left;
	width: 696px;/*698*/
	height: auto;
	font-size: 12px;
	text-align: justify;
	color: #BDC0C6;/*B6C4DA*/
	padding: 10px 0px 5px 2px;
	}

#demo-content-bottom {
	width: 913px;
	height: 30px;
	background-image: url(../img/content_bottom.jpg);
	}

.demo-content-line {
	background-image: url(../img/content_line.jpg);
	width: 695px;
	height: 2px;
	font-size: 2px;
	margin: 20px  0px 20px 0px;
	}

/* tartalomszerkesztő */

.content-tartalom-text {
	line-height:140%;
	}




/* előnyök */

#demo-elonyok-container {
	width: 211px;
	height: auto;
	min-height: 577px;
	padding-bottom: 30px;
	background-image: url(../img/demo_elonyok_bg.jpg);
	background-repeat: no-repeat;
	float: left;
	}
	
#demo-elonyok {
	width: 188px;
	padding-left: 6px;
	height: auto;
	overflow: hidden;
	}
	
#demo-elonyok h1 {
	display: block;
	background-image: url(../img/demo_elonyok_title.jpg);
	margin: 0px;
	padding: 12px 6px 0px 30px;
	width: 152px;/*188*/
	height: 30px;
	color: #F3F3F3;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	}

#demo-elonyok h2 {
	display: block;
	background-image: url(../img/demo_elonyok_title.jpg);
	margin: 0px;
	padding: 6px 6px 0px 30px;
	width: 152px;/*188*/
	height: 36px;
	color: #F3F3F3;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	}

		
/* footer */

#demo-footer {
	width: 913px;
	height: 42px;
	}

#demo-footer-webcreation {
	background-image: url(../img/demo_footer_webcreation.jpg);
	width: 196px;
	height: 42px;
	float: left;
	}

#demo-footer-www {
	background-image: url(../img/demo_footer_www.jpg);
	background-repeat: no-repeat;
	padding-left: 8px;
	padding-top: 8px;
	width: 520px;
	font-size: 11px;
	height: 34px;/*42*/
	float: left;
	}

#demo-footer-www a {
	padding-right: 8px;
	color: #D2D6D9;
	text-decoration: none;
	}

#demo-footer-www a:hover {
	color: #FFF;
	}

#demo-footer-z3n a {
	background-image: url(../img/demo_footer_z3n.jpg);
	width: 148px;
	height: 42px;
	float: right;
	}