/* 
	Te drejtat jane te rezervuara per
	METRO
	Ferat Draga 64, Prishtine
	Cdo keqperdorim do te ndjeket nga ligji
*/
/*	@import url(basis.css);
	@import url(erweiterte-typografie.css); */
/* Farbschema
--------------------------------------------------------------------------------------- */
/*
Farbton (Element): #xxxxxx
Farbton (Element): #xxxxxx
Farbton (Element): #xxxxxx
Farbton (Element): #xxxxxx
Farbton (Element): #xxxxxx
*/

/* Reset nga Eric Meyer */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	background-repeat: no-repeat;
}
/* focus styles */
:focus { outline: 0;}
body { line-height: 1; color: black;}
/*ol, ul {	list-style: none; }*/

/* tables 'cellspacing="0"' */
/*Table {}*/

#tab1 { border-spacing:1px; border-collapse:separate; font-family:Arial, Verdana; font-size:.9em; color:#333; letter-spacing:normal; line-height:normal; }
#tab1 td { padding:4px;}
#tab2 td { padding:4px; font: normal normal .9em Arial, Verdana; vertical-align:middle;}
#tab3 { font: normal normal 1em Arial, Verdana;}

caption, th, td { text-align: left;	font-weight: normal; }
blockquote:before, blockquote:after,
q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }


/* Globals und Typo */

html {
/* Wahlweise Grid-Hintergrund
Rasterhintergrund, der die Breite bis 100 Pixel und eine Höhe bis 950 Pixel anzeigt. Die Breite von 960 Pixel ist markiert. Der Hintergrund ist transparent, muss also nicht nur mit #fff verwendet werden. Es wird eine Schriftgröße von 75% oder 12px festgelegt.
	background: transparent url(bilder/grid.png) top left no-repeat;
*/	
	background: #fff;}

/* Wahlweise Linienhintergrund
Linienhintergrund abgestimmt auf eine Schriftgröße von 12px.	
	background: transparent url(bilder/line-height.gif) top left;
	*/
body { /*background:url(../image/BG_X.png) top repeat-x;*/
	font-size: 75%; background:#F2F2F2;
}

html>body {	font-size: 12px; }

a:link {	color:#0066FF; text-decoration: none; }
a:visited { color: #0066ff; text-decoration: none; } /* #ff9b00 */
a:hover { text-decoration: underline; }
.m_majtas a	{ margin-left:12px;}

#a_unten a:link { color:#666;}
#a_unten a:visited { color:#666;}
#a_unten a:hover { color:#666;}


/* Vertikaler Rhythmus basierend auf 12px Basisgröße für den Fließtext --------------------------------------------------------------------------------------- */
p {font: .9em/1.5em Arial, Tahoma, Verdana, sans-serif; margin-top: 1.5em; margin-bottom: 1.5em; color:#333; }
span { font: 1em Arial, Tahoma, Verdana; color:#666;}
/*
p.first:first-letter {
	float: left;
	font-size: 7em;
}
*/
h1 {font: 1.67em/0.9em Arial,Verdana; margin-top: 0.9em; margin-bottom: 0.9em;}
h2 {font: 1.5em/1em Arial,Verdana; margin-top: 0em; margin-bottom: 1em; color:#09F;}
h3 {font: 1.2em Arial,Verdana; color:#09c;}
h4 {font: bold 1em/1.29em Arial,Verdana;	margin-top: 1.29em; margin-bottom: 1.29em;}

.news_p 	{ font:normal normal bold 0.9em Arial, Verdana, sans-serif; color:#333; margin:7px 0 0 0; }
.news_p a	{ color:#333;}
.news_sp 	{ font:normal normal italic 0.9em Arial, Verdana, sans-serif; color:#666; }
.vid_pub	{ font:normal normal .9em Arial, Verdana, sans-serif; color:#666; }

.insted a			{ color:#09c; }
.insted a:hover 	{ color:#09c; }
.insted a:active	{ color:#09c; }
.insted a:visited	{ color:#09c; }

.insted2 a			{ color:#666; }
.insted2 a:hover 	{ color:#666; }
.insted2 a:active	{ color:#666; }
.insted2 a:visited	{ color:#666; }

.FontsBlue { color:#09f;}
.FontsGray { color:#666;}

form span{ width:100px;}
textarea { margin:0px;}



/* Fotografite dhe Hyperlink Fotot pa korniza */
img, a img { border: 0;}



#komonal { width:expression(document.body.clientWidth < 600 ? "600px" : "auto");}

.clsNavLst li 				{ margin-top:2px; list-style-type:none; font: normal normal bold .9em Arial, Verdana, Geneva ; }
.clsNavLst li:hover			{ }
.clsNavLst li a 			{ color:#666;}
.clsNavLst li a:hover 		{ color:#666; text-decoration: underline;}
.clsNavLst li a:active 		{ color:#666; }
.clsNavLst li a:visited 	{ color:#666;}
.clsNavLst li.start 		{ border-right:0;}
.clsNavLst li.ende 			{ border-right:0;}

.clsSUBNavLst li 			{ float:right; margin-left:15px; list-style-type:none; font:normal normal .9em Arial, Verdana, Geneva ;}
.clsSUBNavLst li a 			{ float:left; color:#09f;}
.clsSUBNavLst li a:hover 	{ color:#09f;}
.clsSUBNavLst li a:active 	{ color:#09f;}
.clsSUBNavLst li a:visited 	{ color:#09f;}
.clsSUBNavLst li.start 		{ border-right:0;}
.clsSUBNavLst li.ende 		{ border-right:0;}

.listimi li 			{ margin-left:28px; color:#333; padding-top:3px; list-style-type:square; font:normal normal .9em Arial, Verdana;}
.listimi li a 			{ color:#333;}
.listimi li a:hover 	{ color:#333;}
.listimi li a:active 	{ color:#333;}
.listimi li a:visited 	{ color:#333;}

.fotter_list			{ list-style:square; /*list-style-image:url(../image/pfile_ss.png);*/ font:normal normal .9em Arial, Helvetica, sans-serif; color:#666; letter-spacing:-0.01em; }
.fotter_list a 			{ color:#666;}
.fotter_list a:hover 	{ color:#666;}
.fotter_list a:active 	{ color:#666;}
.fotter_list a:visited 	{ color:#666;}


/*  POZICIONIMET  */

.ne_mes {text-align: left; width:960px; margin: 0px auto;}

#main								{ text-align:center; height:auto; /*background:url(../image/BG_X.png) top repeat-x;*/ } 
#hapsira_lart						{ height:26px; width:100%; }
#container							{ height:auto; margin: 0px auto; width:970px; 
									  text-align:left; overflow:hidden; /*background: #fff url(../image/BG6.png) 0px 44px repeat-x;*/ }
	#per_hijen_larte				{ width:969px; height:5px; background: url(../image/hija_h.gif) bottom repeat-x; font-size:0px; }	
		#larte_majtas				{ float:left; width:4px; height:5px; background: url(../image/hija_l_m.gif) bottom no-repeat; }
		#larte_djathtas				{ float:right; width:4px; height:5px; background: url(../image/hija_l_d.gif) bottom no-repeat; }
	
	#mesi							{ float:none; width:970px; background:url(../image/hija_v.png) repeat-y ; height:auto; overflow:auto; }
		#mesi_majtas				{ float:left; width:5px; height:100px; }
		#inhalt						{ float:left; width:960px; height:auto; overflow:auto; /*border:1px solid #cfcfcf;*/}
			#logo					{ height:120px; width:100%; border-bottom:1px solid #cfcfcf; }
				#logo_div			{ float:left; background: url(../image/logoX2.png) right bottom no-repeat; width:230px; height:114px; }
				#logo_shi			{ float:left; background: url(../image/sh3d3.gif) center no-repeat; width:200px; height:120px; }
				#logo_dja			{ float:right; width:520px; height:120px; }
					#logo_rks		{ float:right; background: url(../image/republic_kosovo.png) left bottom no-repeat; width:180px; height:50px; }
					#logo_hl		{ height:20px; margin-top:90px; margin-right:18px; }
			#presentation			{ height:220px; width:100%; background: url(../image/gj_2.jpg) repeat-x; border-bottom:1px solid #cfcfcf;  }
			#pres_foto				{ /* background:url(../image/system1.jpg) no-repeat;*/ margin-top:0px; width:100%; height:220px;}
			#content				{ height:auto; width:100%; overflow:auto; background:url(../image/x28.png) top repeat-x;}
				#majtas				{ float:left; width:620px; height:auto; margin:20px 0 0 20px; }
				#navigation			{ height:135px; margin-left:10px; margin-top:20px; }
					#titulli		{ border-bottom:1px solid #F90; background:url(../image/kat_org.png) right bottom no-repeat; }
					#block1			{ float:left; width:188px;  }
					#block2			{ float:left; width:188px; margin-left:20px; }
					#block3			{ float:left; width:188px; margin-left:20px; }
					#linkat			{ margin-left:0px; }
				#inhalt_seite		{ width:600px; height:auto; margin-left:10px; border-right:1px solid #cfcfcf; padding-right:5px;}
				#video_pub			{ width: auto; height:160px; margin:20px 0 0px 0px; overflow:auto;}
				  #video			{ float:left; width:612px; background:#F9F9F9; height:40px; border:1px solid #cfcfcf; border-top:5px solid #cfcfcf; border-bottom:5px solid #cfcfcf;}
					#video_div		{ float:left; width:190px; margin:10px 0 0 8px; }
					#v_titulli_div	{}
					#v_inhalt_div	{ margin-top:6px; }
					#publi_div		{ float:left; width:350px; margin:10px 0 0 8px; }
					#p_titulli_div	{}
					#p_inhalt_div	{ margin-top:6px; }
					
			#djathtas			{ float:right; width:280px; height:auto; /*background:#fdecda;*/}
				
				#out_news			{ width:250px; background:#eff0eb; margin-top:20px; padding-top:10px; padding-bottom:10px; border-left:0px solid #669;}
				#in_news			{ width:230px; margin-left:10px; }
					#t_news			{ margin-top:10px; border-bottom:1px solid #F90; /* background:url(../image/kat_org.png) right bottom no-repeat; */ }
					#c_news			{}
				
				#out_event			{ width:250px; background:#eff0eb; padding-top:10px; padding-bottom:10px; margin-top:20px; border-left:0px solid #669;}
				#in_event			{ width:230px; margin-left:10px; }
					#t_events		{ margin-top:10px; border-bottom:1px solid #F90;  /*background:url(../image/kat_org.png) right bottom no-repeat; */}
					#c_events		{}
					#ctw_leer		{ height:30px; width:100px; }
			#shiriti				{ height:18px; width:100%; background:#369; }
			#footer					{ height:auto; width:100%; background:#eff5ee; padding-top:6px}
			  #footer_content		{ margin-left:20px; width:auto; }	
				#footer1 			{ float:left; width:200px; margin-left:10px; }
				#footer2 			{ float:left; width:170px;}
				#footer3 			{ float:left; width:208px;}
				#footer4 			{ float:right; width:auto; margin-right:40px; }
				#kap_stadt 			{ clear:both; width:auto; margin-bottom:6px; }
			
		#mesi_djathtas				{ float:left; width:5px; height:100px;  }
		
	#per_hijen_poshte				{ width:970px; height:5px; background: url(../image/hija_h_p.gif) repeat-x;  }
		#poshte_majtas				{ float:left; width:5px; height:5px; background: url(../image/hija_p_m.gif) no-repeat; }
		#poshte_djathtas			{ float:right; width:5px; height:5px; background: url(../image/hija_p_d.gif) no-repeat; }
		

/* "a" me icon */
a[href ^="mailto:"] { 
padding: 8px 0 5px 20px;
background:url(../grafikat/mail-icon.png) no-repeat center left;
}

a[href$='.doc'] { 
padding: 5px 20px 5px 0;
background:url(../grafikat/icon-word.png) no-repeat center right;
}

a[href$='.pdf'] { 
padding: 5px 20px 5px 0;
background:url(../image/pdf_logo_c.png) no-repeat center right; /* pdf_logo_c.png (../grafikat/pdf-icon.png) no-repeat center right */
}

a[href$='.flv'] {
padding: 5px 20px 5px 0;
background:url(../image/shiriti_c.png) no-repeat center right;	
}

/* Form etj. */
label, select, input[type=checkbox], input[type=radio],
input[type=button], input[type=submit]{
	cursor: pointer;
}

form label{}
form input, form textarea {}
input:focus, textarea:focus{}

form input, form textarea, form select { border:1px solid #CCCCCC;}
form textarea {font-family:Arial, Helvetica, sans-serif;}
form input[type=checkbox] { border:0px; background:#fff;}