@import url('v1_text.css');
@import url('extras.css');
/*

        cms 5.0 css files

*/

/* *********************************************************************************************
	Ertelemszeruen ki kell egesziteni azokkal az elemekkel, vagy esemenyhez kapcsolod
        opciokkal, amik hianyoznak.
        Ami folosleges, azt torolni kell, hogy ne legyen tele szemettel a kod.
        
        FONTOS!!! A media screen es media print reszben levo elemeket is formazni kell;
        ahol lehet ugyanazokat a formazasokat tartani es azokat egybe irni.
********************************************************************************************* */

/* hogy nezzen ki kepernyon */
@media screen {
	/* html tagok */
	body {
		padding: 0;
		margin: 0;
		background: url('../img/body-bg.png') repeat top left #000;
		font: normal 10pt Arial, Helvetica, sans;
		color: #fff;
	}
	a {
		color: #00f;
	}
	div { }
	#text ul {
		list-style-image: url('../img/list-item.png');
	}
	#text ul li {
		margin: 10px;
	}
	#text ul li:hover {
		list-style-image: url('../img/list-item-act.png');
	}
	#text ul li a {
		font-weight: bold;
		text-decoration: none;
	}
	#text ul li a:hover {
		text-decoration: underline;
	}
	ol li {
		margin: 20px 0;
	}
	li { }
	table {
		width: 80%;
		margin: 0 auto;
	}
	caption {
		font-weight: bold;
		background: #eee;
		padding: 10px;
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
	}
	tr { }
	td {
		text-align: left;
		border-bottom: 1px solid #ddd;
	}

	/* fo szovegdoboz */
	#main {
		display: block;
		width: 770px;
		margin: 0 auto;
		padding: 0;
	}

	/* a #main -ben levok */
	#fejlec {
		display: block;
		margin: 0;
		padding: 50px 0 0 0;
		width: 100%;
		height: 100px;
		background-color: #fad755;
		background-image: url('../img/drucktech-logo.png');
		background-position: 20px 10px;
		background-repeat: no-repeat;
		border-bottom: 1px solid #fff;
		color: #000;
		font: bold 36pt Verdana, Arial, Helvetica, sans;
		
	}
	#fejlec img {
		display: block;
		float: left;
		margin: 10px 0 0 20px;
	}
	.grey {
		color: #999;
		font-size: 12pt;
	}
	#fejlec_lent {
		
		padding: 40px 0 0 0;
	}
	#fejlec a {
		display: block;
		width: 190px;
		height: 40px;
		padding: 80px 0 0 0;
		text-decoration: none;
		text-align: center;
		color: #fff;
		font: normal 14pt Arial, Helvetica, sans;
	}

	#workspace {
		display: block;
		margin: 0;
		padding: 0;
		width: 100%;
		background: #fff;
		color: #000;
	}

	/* ha van lablec */
	#lablec {
		display: block;
		width: 100%;
		padding: 5px;
		margin: 0;
		font-size: 8pt;
		text-align: center;
		color: #ccc;
	}
	#lablec a {
		color: #ccc;
		text-decoration: none;
	}
	#lablec a:hover {
		text-decoration: underline;
	}

	/* szoveges terulet */
	#text {
		display: block;
		width: 550px;
		padding: 0;
		margin: 0 20px 0 0;
		float: right;
		text-align: justify;
	}

	/* menu */
	#menubox {
		display: block;
		width: 190px;
	}
	menu {
		display: block;
		margin: 0;
		padding: 0;
		list-style: none;
	}
	menu li {
		display: block;
		margin: 0;
		padding: 0;
	}
	menu li a {
		display: block;
		margin: 0;
		padding: 20px 0;
		text-decoration: none;
		text-align: center;
		color: #fa0;
		font: bold 10pt Arial, Helvetica, sans;
		border-bottom: 1px solid #ccc;
		background: #444;
	}
	menu li a:hover {
		background: #000;
		color: #ff0;
	}
	menu li ul {
		display: none;
	}
	
	#titlebox {
		display: block;
		margin: 0;
		padding: 10px 30px;
		color: #fff;
		font: normal 18pt Arial, Helevtica, sans;
		text-align: center;
		border-bottom: 1px solid #fff;
	}
	
	#widgetsbox {
		display: block;
		width: 100%;
		margin: 0;
		padding: 20px 0;
	}
	#widget_hirlevel_feliratkozas {}
	.widget {
		width: 100%;
		padding: 5px 0;
		margin: 20px 0 5px 0;
		font: bold 10pt Tahoma, Arial, Helvetica, sans;
		text-align: center;
		border-top: 3px dotted #ccc;
	}
	#hirlevel_table {
		display: block;
		width: 90%;
		margin: 0 auto;
	}
	#widget_hirlevel_nev,
	#widget_hirlevel_email {
		width: 180px;
		border: 1px solid #000;
		margin: 0 0 5px 0;
	}
	#widget_hirlevel_button {
		display: block;
		margin: 10px auto;
		width: 100px;
	}
	
	#widget_search_field {
		display: block;
		width: 150px;
		margin: 0 auto;
	}
	#widget_search_button {
		display: block;
		width: 100px;
		margin: 0 auto;
	}
	.bloglast {
		display: block;
		margin: 0;
		padding: 0 5px 0 20px;
		list-style: none;
	}
	.bloglast li {
		margin:  10px 0;
	}
	.bloglast li a {
		text-decoration: none;
		color: #00f;
	}
	.bloglast li a:hover {
		text-decoration: underline;
	}
	.cimkefelho {
		font-size:  8pt;
		padding: 0 5px 0 20px;
	}
	.cimkefelho a {
		text-decoration: none;
		color: #00f;
	}
	.cimkefelho a:hover {
		text-decoration: underline;
		color: #00f;
		background: #ff0;
	}
	
	.halvanyzold{
		background: #e0ffe0;
	}
	
	.news_separator {
		background: #999;
		height: 1px;
		border: none;
	}
	
	#fotoalbumlist {
		display: block;
		margin: 0;
		padding: 0;
		list-style: none;
	}
	#fotoalbumlist li {
		display: block;
	}
	#fotoalbumlist li h3 {
		font-weight: bold;
	}
	#fotoalbumlist li img {
		float: left;
		margin: 0 5px 0 0;
		padding: 5px;
		background: #fff;
		border: 1px solid #999;
	}
	
	.album {
		margin-top: 20px;
		border-spacing: 2px;
	}
	.album tr td {
		vertical-align: top;
		padding: 3px;
	}
	.album tr td:hover {
		background: #e0e0e0;
	}
	.album tr td img {
		border: 1px solid #999;
		background: #fff;
		padding: 5px;
	}
	.album tr td a {
		text-decoration: none;
		color: #00f;
	}
	
	.foto {
		width: 550px;
	}
	.fotoalbum_nextprev {
		width: 100%;
		border-spacing: 5px;
	}
	.fotoalbum_nextprev tr td a {
		text-decoration: none;
	}
	.fotoalbum_nextprev tr td a:hover {
		text-decoration: underline;
		color: #f00;
	}
}

/*
	Ahol megvan adva a "display: none;" parameter, azt ne torold ki, csak megbeszeles utan,
	mert nem akarjuk kinyomtatni.
*/
/* hogy nezzen ki nyomtatva */
@media print {
	/* html tagok */
	body { }
	div { }
	menu { display: none; }
	ul { }
	li { }
	h1
	h2
	h3
	table
	tr
	td
	
	#main { }
	#fejlec { }
	#workspace { }
	#workspace menu { display: none; }
	#workspace #text { }
	#lablec { }
	
	/* harom oszlopos verzio eseten */
	#workspace #jobb_oszlop { display: none; }
	#workspace #kozep_oszlop { }
	#workspace #kozep_oszlop #text { }
	
	/* ha van bejelenetkezeshez szovegdoboz doboz */
	#loginbox { display: none; }
}


/* EOF */