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


/* CLEARFIX */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

body {
background-image:url('images/xmas2011.jpg');
/*background-color: #E9E9E9;*/
background-position: bottom left;
background-attachment: fixed;
background-repeat: no-repeat;
margin: 0;
}

/*#all {
margin: 15px auto;
width: 980px;
height: auto;
background-color:#FFFFFF;
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
z-index: 1;
}*/


/* INNE */
div#all { background-image: url('images/transp.png'); background-repeat: repeat; width: 960px; margin: 10px auto; padding:10px; height:auto; overflow: auto}

/* IE 7 */
html* div#all { background-image: url('images/transp-2.png'); background-repeat: repeat; width: 960px; margin: 10px auto; padding:10px;height:auto }

/* IE 6 */
*html div#all { background-image: url('images/transp.png'); background-repeat: repeat; behavior: url(css/iepngfix.htc); width: 960px; margin: 10px auto; height:auto; overflow:hidden;padding:10px; z-index: 1;} 


#koka {
behavior: url(iepngfix.htc);
position: relative;
width: 930px;
height: 129px;
padding-left: 30px;
background-image:url('images/logoredemboss.png');
background-repeat:no-repeat;
/*margin: 10px;*/
filter: alpha(opacity=100);
-moz-opacity: 1; 
z-index: 2;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-align: right;
line-height: 129px;
color: #FFFFFF;
}

#menu {
position: relative;
width: 960px;
height: 41px;
background-image:url('images/menubgred.png');
background-repeat: repeat-x;
margin-top: 10px;
margin-bottom: 10px;
filter: alpha(opacity=100);
-moz-opacity: 1; 
z-index: 2
}

#newsbar {
position: relative;
float: left;
width: 960px;
height: 32px;
background-image:url('images/newsbar.png');
background-repeat: repeat-x;
margin-top: 10px;
margin-bottom: 10px;
filter: alpha(opacity=100);
-moz-opacity: 1; 
z-index: 2
}


.majtas {
width: 628px;
height: auto;
float: left;
background-color:#FFFFFF;
overflow: hidden;
z-index: 233;
}


#djathtas {
width: 322px;
height: auto;
float: right;
background-color:#FFFFFF;
z-index: 235;

}


#news {
width: 628px;
height: 175px;
margin-bottom: 10px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
padding: 0px;
text-align: left;
}

#summertime {
width: 628px;
height: 198px;
margin-bottom: 10px;
background-image: url('images/sumertime.jpg');
}

#webchart {
width: 628px;
height: 61px;
margin-bottom: 10px;
background-image: url('images/webchart.jpg');
}

#podcast {
position: relative;
width: 309px;
height: 84px;
margin-right: 10px;
background-image: url('images/podcast.png');
float:left;
}

#tm {
position: relative;
width: 309px;
height: 84px;
background-image: url('images/tm.png');
float: right;
}



#gallery {
width: 628px;
height: 252px;
margin-bottom: 10px;
}

#copyright {
width: 960px;
height: 83px;
background-image: url('images/copyright.png');
background-repeat: repeat-x;
margin-top: 10px;
float: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #d8d8d8;
}


#copyright .small {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #d8d8d8;
margin-left: 10px;

}


#onairheader {
width: 322px;
height: 26px;
background-image:url('images/on_air_header_bg.png');
}

#onair {
width: 322px;
height: 149px;
background-color:#CCCCCC;
background-image: url(images/onairbg.png);
margin-bottom: 10px;
z-index: 5;
}

#livecamheader {
width: 322px;
height: 26px;
background-image:url('images/sondazh.png');
}

#surv_main {
width: 322px;
height: 243px;
background-color:#CCCCCC;
margin-bottom: 10px;
background-image:url('images/sondazhsfond.png');
}

#programiheader {
width: 322px;
height: 26px;
background-image:url('images/topleaks.png');
}


#programi {
width: 322px;
height: 319px;
background-color:#CCCCCC;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px; 
color: black;
text-align: center;
}


*html #djathtas {
margin-left: 10px;
}


#aktivja {
width: 56px;
height: auto;
filter: alpha(opacity=50);
-moz-opacity: .5;
float: left;
}

#albums {
width: 620px;
height: 130px;
background-color:#FFFFFF;
padding: 8px 4px 8px 4px;
border-bottom: 3px solid #d1d1d1;
}

.imgmes {
margin: 0 10px 0 10px;
}

.lajmi {
width: 588px;
min-height: 327px;
float: left;
background-color:#FFFFFF;
z-index: 233;
padding: 20px;
}


.lajme {
position:relative;
width: 608px;
min-height: 366px;
float: left;
background-color:#FFFFFF;
z-index: 200000;
padding: 0 10px 0 10px;
background-image:url(images/majtas-header.jpg);
background-repeat:no-repeat;
background-position:top;

}


*html .lajmi {
height: 330px;
}

*html .lajme {
height: 366px;
}

.titull {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
color:#CC0000;
font-weight: bold;
}

.titull a{
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
color:#CC0000;
font-weight: bold;
text-decoration: none;
z-index: 12555757;
}

.titull a:hover {
text-decoration: underline;
}

.data {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color:#000000;
font-stretch:semi-condensed;
text-align:justify;
}

.lajmtekst {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color:#000000;
font-stretch:semi-condensed;
text-align:justify;
}

.lajmtekst a{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-decoration: none;
color: #333333;
font-stretch:semi-condensed;
text-align:justify;
font-weight: bold;
}

.lajmtekst a:hover{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-decoration: none;
color: #CC0000;
font-stretch:semi-condensed;
text-align:justify;
font-weight: bold;
}

.lajmtekst li {
list-style-position:inside;
list-style-image: url(images/bullet.png);


}




.fotolajm {
margin: 0 15px 20px 0;
border: 2px #000000 solid;
}

.thumbslajm {
margin: 0 5px 00px 0;
border: 2px #000000 solid;
}


.buton {
background: #CC0000;
border: 1px #CC0000 solid;
margin-left: 250px;
width: 50px;
border-spacing: 10px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color:#FFFFFF;
}



.kat{
padding-top: 0px;
font-weight: normal;
position: relative;
text-align: left;
width: 608px;
height: 25px;
z-index: 8888;
margin-bottom: 20px;
}

.kat:after{ 
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.kat ul{
border: 0px solid #BBB;
width: 100%;
/*background: url(chromebg.gif) center center repeat-x; */
padding: 0px 0;
margin: 0;
font-family: Arial, Verdana, Helvetica,sans-serif;
font-size: 11px;
line-height: 25px;
text-align: left; 
}

.kat ul li{
display: inline;
}

.kat ul li a{
color: #fff;
font-family: Arial, Verdana, Helvetica,sans-serif;
font-size: 12px;
line-height: 25px;
padding: 1px 7px;
margin: 0;
text-decoration: none;
border-left: 0px solid #FFF;
}

.kat ul li a:hover{
/*background: url(images/news_bg.jpg) center center repeat-x; */
color: #CC0000;
}











		* { margin: 0; padding: 0 }
		/* I've used a hard CSS reset above, but you should consider a more sophisticated reset, such as this one: http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
		
		p { text-align: left; margin: 0 }
		
		/*p, ul { font-size: 13px; line-height: 1.4em } 
		
		p a, li a { color: #39c; text-decoration: none }*/
		
		p.intro { border-bottom: 1px solid #ccc; margin-bottom: 20px; padding: 0px 0 30px 0; text-align: center; width: 100% }
		
		p#cross-links { text-align: center }
		
		p#cross-links { border-bottom: 1px solid #ccc; margin-bottom: 30px; padding-bottom: 30px }
		
		noscript p, noscript ol { color: #a00; font-size: 13px; line-height: 1.4em; text-align: left }
		noscript a { color: #a00; text-decoration: underline }
		noscript ol { margin-left: 0px; }
		
		a:focus { outline:none }
		
		img { border: 0px none;  }
		
		h3 { border-bottom: 1px solid silver; margin-bottom: 5px; padding-bottom: 3px; text-align: left }
		






.stripViewer .panelContainer .panel ul {
			text-align: left;
			margin: 0 15px 0 30px;

		}
		
		.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
			margin: 0px 0 0px 0;
		
			position: relative;
			width: 628px;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 13px;
			float: left;
			background: white;
			background-image:url('images/majtas-header.jpg');
			background-repeat:no-repeat;
			z-index: 234;
			overflow: auto;

		}

		
		
		/* These 2 lines specify style applied while slider is loading */
		.csw {width: 628px; height: 175px; background: #fff; overflow: scroll}
		.csw .loading {margin: 200px 0 300px 0; text-align: center}

	

 .slider-wrap .stripViewer { /* This is the viewing window */
			position: relative;
			overflow: hidden; 
			background-color: white;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 12px;
			padding: 0px;
			text-align: left;
			padding: 0;
			margin: 0;
			width: 628px; /* Also specified in  .stripViewer .panelContainer .panel  below */
			height: 159px;
			clear: both;
			
			
		}
		
 .slider-wrap .stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
			position: relative;
			left: 0; top: 0;
			width: 628px;
			height: 172px;
			margin: 0;
			list-style-type: none;
			/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
		}
		
	 .slider-wrap .stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
			float:left;
			height: 100%;
			margin: 0;
			position: relative;
			width: 628px; /* Also specified in  .stripViewer  above */
		}
		
	  .slider-wrap .stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
		width: 628px;
		margin: 0;
			padding: 0px;
		}
		
		.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
			margin: 0; padding-left: 5px;
		}
		
		.stripNav ul { /* The auto-generated set of links */
			list-style: none;
		}
		
		.stripNav ul li {
			float: left;
			margin-right: 0px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
		}
		
		.stripNav a { /* The nav links */
		
			font-size: 12px;
			text-align: center;
			line-height: 26px;
			background-image: url('images/news_bg.jpg');
			color: #fff;
			text-decoration: none;
			display: block;
			padding-left:15px; padding-right:15px; padding-top:0; padding-bottom:0

		}
		
		.stripNav li.tab1 a { background: #000; border-left: #000 solid; border-width: 1px;  }
		.stripNav li.tab2 a { background: #000 }
		.stripNav li.tab3 a { background: #000 }
		.stripNav li.tab4 a { background: #000 }
		.stripNav li.tab5 a { background: #000; border-right: #000 solid; border-width: 1px; }
		
	.stripNav li a.current {
			background: #fff;
			color: #000;
			line-height: 25px;
			border-top: #000 solid;
			border-left: #000 solid;
			border-right: #000 solid;
			border-width: 1px;
			margin-bottom: 1px;
			
		}
		.stripNav li a:hover {
			border-top: #000 solid;
			border-width: 1px;
			background: #333;
			line-height: 25px;
			border-bottom: #FFFFFF;
			margin-bottom: 1px;
			color: #FFFFFF;
		}
		
	
		
		.stripNavL, .stripNavR { /* The left and right arrows */
			position: absolute;
			top: 230px;
			text-indent: -9000em;
		}
		
		.stripNavL a, .stripNavR a {
			display: block;
			height: 40px;
			width: 40px;
		}
		
		.stripNavL {
			left: 0;
		}
		
		.stripNavR {
			right: 0;
		}
		
		.stripNavL {
			background: url('images/arrow-left.gif') no-repeat center;
		}
		
		.stripNavR {
			background: url('images/arrow-right.gif') no-repeat center;
		}
		
		
		
	
/* -------------- tabs ---------------------*/
#menut {float: right;  height:38px;width:320px; margin-top: 11px; text-align: right;}
.menut ul {margin:0px; padding:0px; list-style:none; text-align:center; float: left;}
.menut li {display:inline; line-height:23px; }
.menut li a {color:#000000; text-decoration:none; display:inline; padding:0px 5px 0px 5px; float: left;}
.menut li a img { border: 2px #000000 solid;}
.menut li a.tabactive {border:1px solid #fff; font-weight:bold; position:relative; margin-left: 575757px;}
#fotolajm { width:200px; height:130px; float: left; margin-right: 10px; border:2px solid #000;}
#lajm { width: 380px; height: 80px; float: left; margin-top: 2px; padding: 0;}
#lajm a {color:#CC0000; font-size: 11px; text-decoration: none; }
#lajm a:hover {text-decoration: underline; }

#tabcontent1, #tabcontent2, #tabcontent3, #tabcontent4 {width:612px; height:133px; text-align:left; font-size:12px; background-image:url('images/grih58.png'); background-repeat:repeat-x;  padding: 8px; background-position-y:50% }

.lajmthumbs { border: 2px #000000 solid; margin-left: 10px; }



/*=== news ticker ===*/
#newsticker {
position: relative;
width: 960px;
height: 32px;
background-image:url('images/newsbar.png');
background-repeat: repeat-x;
margin-top: 10px;
margin-bottom: 10px;


	height: 32px;
	margin-left:0 !important; margin-right:0 !important; margin-top:0 !important; margin-bottom:0px !important
}
#newsbar li.first {
	width:140px;
	float:left;
	line-height: 33px;
	padding-right:10px;
	text-align:left;
}

#newsbar li.first a {
color: #FFFFFF;
text-decoration:none;
font-size: 13px;
line-height: 30px;
text-align: center;
font-weight: bold;
}
#newsbar li a {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 30px;
	color: #333333;
	display: block;
	margin: 0 1px 0 0;
	padding: 0 15px;
}
#newsbar li a:hover, #newsticker li.active a {
	color: #000000;
	text-decoration: none;
}

#editorial-button {
	width:140px;
	float: right;
	padding-right:10px;
	z-index:5555;
	text-align: right;
	display:block;
}

	.men {
	margin:0px auto 0 auto;
	width: 946px;
	height: 81px;
	float: left;
}
/* nav */
.nav {
	display: block;
	float: left;
	width: 700px;
	margin: 0 auto;
}
#navUL {
	margin-top: 57px;
	margin: 0pt auto;
	float:left;
	text-align:left
}
.nav ul {
	float: left;
	list-style: none;
	margin: 0 auto;
	height: 24px;
}
.nav li {
	width:auto;
	float: left;
	height: 24px;
	color:#FFFFFF;
}
.nav li a, .nav li a:link, .nav li a:active, .nav li a:visited {
	height: 21px;
	padding: 5px 18px 0 18px;
	color: #FFF;
	font: 16px Arial, sans-serif;
	font-weight:bold;
	background: none;
	text-align: center;
	display: inline;
	text-decoration: none;
	outline: 0;
}
.nav li a:hover {
	text-decoration: none;
	color: #000;
}
/* Subnav */
.subnavContainer {
	display: none;
	float: left;
	background: url('images/topmenu-bgr.png') center bottom;
	overflow: hidden;
	height:33px
}
.subnav {
	display: none;
	height: 33px;
	margin-left:20px;
}
.subnav a:link, .subnav a:visited, .subnav a:active {
	float: left;
	padding: 0 18px 0 18px;
	height: 33px;
	color: #000;
	font: 11px/22px Arial, sans-serif;
	text-align: center;
	display: block;
	text-decoration: none;
	outline: 0;
}
.subnav a:hover {;
	color: #000;
	background: url('images/submenu-bgr.png') center bottom;
}
/*- Nav2 / Dropdowns-*/
#navi, #navi ul {
	padding: 0;
	margin: 0;
	float:left;
	list-style: none;
}
#navi {
	padding: 0 0 0 0px;
	width:800px;
}
#navi a {
	display: block;
}
#navi li {
	float: left;
	line-height:33px;
}
#navi li a:hover {
	background: none;
}
#navi li ul {
	position: absolute;
	width: 15em;
	left: -999em;
}
#nav ili:hover ul, #navi li.sfhover ul {
	left: auto;
	z-index:1000;
}
#navi li ul li {
	background: url('images/topmenu-bgr.png') repeat-x top;
	width:15em;
	border:1px solid #e5e4de
}
img, div {
	behavior: url(includes/iepngfix.htc);
}

#navi, #navi ul {
	padding: 0;
	margin: 0;
	float:left;
	list-style: none;
}
#navi {
	padding: 0 0 0 0px;
	width:800px;
}
#navi a {
	display: block;
}
#navi li {
	float: left;
	line-height:33px;
}
#navi li a:hover {
	background: none;
}
#navi li ul {
	position: absolute;
	width: 15em;
	left: -999em;
}
#nav ili:hover ul, #navi li.sfhover ul {
	left: auto;
	z-index:1000;
}
#navi li ul li {
	background: url('images/topmenu-bgr.png') repeat-x top;
	width:15em;
	border:1px solid #e5e4de;
	}
	
	
/*Example for a Menu Style*/
.menu2 {background-color:#ececec; color:#272727; height:23px;width:322px; font-size: 11px;}
.menu2 ul {margin:0px; padding:0px; list-style:none; text-align:center;}
.menu2 li {display:inline; line-height:23px;}
.menu2 li a {color:#000000; text-decoration:none; padding:4px 5px 6px 5px;}
.menu2 li a.tabactive {background-color:#CCCCCC; font-weight:bold; }
#tabcontentt1,#tabcontentt2,#tabcontentt3,#tabcontentt4,#tabcontentt5,#tabcontentt6,#tabcontentt7 {width:612px; height:133px; text-align:left; font-size:12px; background-image:url('images/grih58.png'); background-repeat:repeat-x;  padding: 8px; background-position-y:50% }

#menu3 {float: right;  height:38px;width:320px; margin-top: 11px; text-align: right;}
.menu3 ul {margin:0px; padding:0px; list-style:none; text-align:center; float: left;}
.menu3 li {display:inline; line-height:23px; }
.menu3 li a {color:#000000; text-decoration:none; display:inline; padding:0px 5px 0px 5px; float: left;}
.menu3 li a img { border: 2px #000000 solid;}
.menu3 li a.tabactive {border:1px solid #fff; font-weight:bold; position:relative; margin-left: 575757px;}

#tabalbume1,#tabalbume2,#tabalbume3,#tabalbume4,#tabalbume5,#tabalbume6,#tabalbume7 {width:612px; height:133px; text-align:left; font-size:12px; background-image:url('images/grih58.png'); background-repeat:repeat-x;  padding: 8px; background-position-y:50% }


#tm_pos_info {
width: 588px;
height: 280px;
margin: 20px;
background: #000000;
background-image:url(images/skeda.jpg);
background-position: right top;
background-repeat: no-repeat;
}

#tm_pos_info img{
margin-right: 5px;
}

#tm_tekst {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
text-decoration:none;
text-shadow:none;
padding: 10px;
}

#tm_foto {
width: 570px;
padding: 42px 4px 4px 14px;
background-color: #fff;
margin: 0 20px 20px 20px;
background-image: url(images/tm_galeriw.jpg);
background-position: left top;
background-repeat: no-repeat;
}

#tm_foto img{
margin: 0 8px 8px 00px;
}

#tm_historia {
width: 568px;
padding: 10px;
padding-top: 42px;
background:#fff;
background-image: url(images/tm_historiaw.jpg);
background-position: left top;
background-repeat: no-repeat;
margin: 20px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:justify;
color:#000;
text-decoration:none;
text-shadow:none;
}


#tm_review {
width: 568px;
padding: 10px;
padding-top: 42px;
background:#fff;
background-image: url(images/tm_revieww.jpg);
background-position: left top;
background-repeat: no-repeat;
margin: 20px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:justify;
color:#000;
text-decoration:none;
text-shadow:none;
}


#tm_gafa {
width: 568px;
padding: 10px;
padding-top: 42px;
background:#fff;
background-image: url(images/tm_gafaw.jpg);
background-position: left top;
background-repeat: no-repeat;
margin: 20px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:justify;
color:#000;
text-decoration:none;
text-shadow:none;
}

#tm_fakte {
width: 568px;
padding: 10px;
padding-top: 42px;
background:#fff;
background-image: url(images/tm_faktew.jpg);
background-position: left top;
background-repeat: no-repeat;
margin: 20px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:justify;
color:#000;
text-decoration:none;
text-shadow:none;
}


#tm_cmime {
width: 568px;
padding: 10px;
padding-top: 42px;
background:#fff;
background-image: url(images/tm_cmimew.jpg);
background-position: left top;
background-repeat: no-repeat;
margin: 20px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:justify;
color:#000;
text-decoration:none;
text-shadow:none;
}


#tm_tetjera{
width: 568px;
padding: 10px;
padding-top: 42px;
background:#fff;
background-image: url(images/tm_tetjeraw.jpg);
background-position: left top;
background-repeat: no-repeat;
margin: 20px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:justify;
color:#000;
text-decoration:none;
text-shadow:none;
}


#tm_f1 {
width: 628px;
height: 150px;
background-image:url(images/tm_main.jpg);
background-repeat:no-repeat;
}


#wakeup {
position: relative;
width: 600px;
height: 60px;
background-image:url(images/bannerwakeup.jpg);
margin: 0 auto;
border: 1px #FFFFFF solid;
}


#searchbox {
padding-left: 50px;
font-weight: bold;
position: relative;
text-align: left;
float: right;
width: 282px;
height: 33px;
background-image:url(images/menubgred.png);
background-repeat: repeat-x;
margin-top: 10px;
margin-bottom: 10px;
filter: alpha(opacity=100);
-moz-opacity: 1; 
z-index: 2;
padding-top: 0px;
line-height: 32px;
}


*html #searchbox {
height: 32px;
padding-top: 4px;
}

.kerkotekst {
border: 1px #FFFFFF solid;
background: #ea2125;
color: #fff;
font-family: Arial, Verdana, Helvetica,sans-serif;
font-size: 12px;
height: 14px;
padding: 1px;
line-height: normal;
margin-top: 5px;
}

.kerkobuton {
border: 0px #FFFFFF solid;
width: 70px;
height: 18px;
background: #ea2125;
background-image: url(images/kerko.jpg);
background-position: center;
background-repeat: no-repeat;
/*margin-top: 1px;
background-attachment: fixed;*/
}

.arkiv {
background-color: #333333;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FFFFFF;
border: 1px solid #fff;
}