@import url("/media/css/public/style.css");
@import url("/media/css/public/wysiwyg.css");




body {
	background: #CAD8D9 url("/media/img/private/body_bg.jpg") no-repeat;
	background-position: 50% 0;
}

/* ---------------------------------------------------------------------------------- //
// ----------------------------------  L A Y  - O U T  ------------------------------ //
// ---------------------------------------------------------------------------------- */

.Wrapper {
	width: 980px;
	top: 55px; bottom: -55px;
	position: relative;
	margin: 0 auto; padding: 0;
	height: auto;
	background: #FFF;
}

A.logo {
	top: -23px;
	left: 17px;
	position: relative;	
}

.Left {
	padding: 0 5px 0 8px;
	width: 187px;
	float: left;
}


.Right {
	width: 780px;
	float: left;
}

	

	
	.Content {
		padding: 5px;
		width: 571px;
		float: left;
	}
	
	
		.Content A.back_to_top {
			clear: both;
			display: block;
			margin: 30px 10px;
			width: 100px;
			font-size:10px;
			font-weight:bold;
			color:#333333;
			padding-left:14px;
			text-decoration:none;
			background: url("/media/img/private/arrow_u.gif") no-repeat;
			background-position:0px 4px;
		}
		
		.Content A.back_to_top:hover {
			color:#fa5514;
			background: url("/media/img/private/arrow_u_o.gif") no-repeat;
			background-position:0px 4px;
		}
		
		
	
	.Banner {
		width: 194px;
		float: right;
	}
	
	
	
	.Footer {
		color: #425968;
		width: 980px;
		margin: 0 auto;
		margin-top: 55px; 
		padding: 0 10px;
		height: 35px;
		#border-color: #333333;
	}
	
		.Footer UL {
			margin: 0;
			padding: 0;
		}
		
		.Footer A {
			color: #425968;
			font-size: 11px;
			text-decoration: none;
		}
		
			.Footer A:hover {
				color: #ff7808;
			}
		
		.Footer LI {
			display: block;
			float: left;
		}
		
		.Footer .left {
			float: left;
		}
		
			.Footer .left LI {
				padding: 10px 20px 10px 0;				
			}
		
		.Footer .right {
			float: right;
		}
		
			.Footer .right LI {
				padding: 10px 0 10px 20px;				
			}	


/* ---------------------------------------------------------------------------------- //
// --------------------------------------  M E N U  --------------------------------- //
// ---------------------------------------------------------------------------------- */


	DIV.menu {
		width: 187px;
		margin-bottom: 5px;	
	}
	
		DIV.menu DIV {
			width: 187px;
			background: url('/media/img/private/Nav_bg.png') top left repeat-y;
			font-size: 11px !important;
			color: #000;
		}
	
	
			DIV.menu DIV UL {
				margin: 0;
				padding: 0;
			}		
			
			DIV.menu DIV UL UL {
				display: none;
			}
	
				DIV.menu DIV LI {
					margin: 0;
					list-style-type: none;
					display: block;
					padding: 7px 3px 7px 12px;
					width: 170px;
					background: none;
					.margin-bottom: -2px;
				}	
	
						DIV.menu DIV LI A {
							
							line-height: 10px;
							text-decoration: none;
							color: #000;
							display: block;
							padding: 0px;
						}
	
	
	
		DIV.menu .family {
		}
		
					DIV.menu .family LI {
						padding-right: 23px;
						width: 150px;
						background: url('/media/img/private/nav_arrow.gif') no-repeat;
						background-position: 168px 8px ;
					}
					
					DIV.menu .family LI:hover {
						background: white url('/media/img/private/nav_arrow_hover.gif') no-repeat;
						background-position: 165px 8px ;
					}
					
						DIV.menu .family LI A {
							font-weight: bold;
						}
						
						DIV.menu .family LI:hover A {
							color: #fa5514;
						}
						
						/* kilogas van! */ 
						
						DIV.menu .family LI.current {
							background: url('/media/img/private/Nav_down_arrow.gif') no-repeat;
							background-position: 13px 13px;
							padding-left: 28px;
							padding-right: 8px;
							width: 140px;
							font-weight: bold;
						}
						
						
						
				DIV.menu .family UL LI:hover UL {
					display: block;
					position: absolute;
					z-index: 2;
					margin: -17px 0 0 173px;
					background: url('/media/img/private/Nav_submenu_bg_gradient.png') no-repeat top left;
				}
					
					
					DIV.menu .family UL LI:hover LI {
						background: none;
					}
					
						DIV.menu .family UL LI:hover LI:hover {
							background: url('/media/img/private/button_ntb2_bg.gif') top left repeat-x;
						}
						
						
					DIV.menu .family UL LI:hover A {
						color: #000;
					}
		
						DIV.menu .family UL LI:hover LI:hover A {
							color: #fff;
						}
		
		
		DIV.menu .child {
		}
		
			
					DIV.menu .child LI:hover {
						background: white;
					}
					
					DIV.menu .child LI.current {
						background: url('/media/img/private/button_ntb2_bg.gif') repeat-x;
						background-position: 0px 1px;						
					}
				
						DIV.menu .child LI:hover A {
							color: #ff6600;
						}
						
						DIV.menu .child LI.current A {
							color: black;
							font-weight: bold;
							/*background: url('/media/img/private/button_ccb_arrow.gif') no-repeat;*/
							margin-left: -8px;
							padding-left: 8px;
							
						}
		
		
		DIV.menu2 {
			width: 187px;
		}
		
			DIV.menu2 .top {
				height: 10px;
				background: url("/media/img/private/sbe_bg_full.png") top left no-repeat;
			}
			
			DIV.menu2 .body {
				padding: 0 4px 8px 4px;
				background: url("/media/img/private/sbe_bg_full.png") bottom left no-repeat;
			}
			
			DIV.menu2 A {
				display: block;
				width: 154px;
				color: white;
				font-weight: bold;
				text-decoration: none;
				font-size: 11px;
				padding: 3px 0 8px 25px;
				background: url("/media/img/private/dl_but_02.png") top left no-repeat;
			}		
			
			DIV.menu2 A:hover {
				color: #fa5514;
				background: url("/media/img/private/dl_but_02_ro.png") top left no-repeat;
			}			

/* ---------------------------------------------------------------------------------- //
// ----------------------------------  S E A R C H  --------------------------------- //
// ---------------------------------------------------------------------------------- */

		.search {
			margin: 0px 0 4px 0;
		}
			.search FORM {
				background: url('/media/img/private/searchbox_top.png');
				padding: 3px 0 3px 9px;
				margin: 0;
			}
			
				.search FORM INPUT {
					width: 125px;
					height: 12px;
					border: 1px solid #83837e;
					border-color: #83837e #f9f9f7 #f9f9f7 #83837e;
					font-size: 9px;
				}
				
				.search FORM IMG {
					margin-bottom: -6px;
				}



/* ---------------------------------------------------------------------------------- //
// --------------------------------------  T A B  ----------------------------------- //
// ---------------------------------------------------------------------------------- */

		UL.tab {
			padding: 0px;
			margin: 10px 0 0 1px;
			border-bottom: 1px solid #d9d9d9;
			height: 40px;
			width: 555px;
		}
		
		
		UL.tab LI {
			margin-left: -1px;
			margin-right: 1px;
			padding: 5px;
			float: left;
			display: block;
			width: 100px;
			height: 31px;
			background: url('/media/img/private/tab2.gif') no-repeat;
			cursor: pointer;
			line-height: 3em;
			text-align: center;	
		}
		
		UL.tab LI A {
			font-size: 12px;
			font-weight: bold;
			color: white;
			text-decoration: none;
		}
		
		UL.tab LI.double-line {
			line-height: 16px;
		}
		
		UL.tab LI:hover A {
			color: grey;
		}
		
		UL.tab LI.current {
			background: url('/media/img/private/tab1.gif') no-repeat;
		}
		
		UL.tab LI.current A {
			color: #425968;
		}
		
		DIV.tab_content {
			width: 542px;
			padding: 5px 8px;
			border: 1px solid #d9d9d9;
			border-width: 0 1px;
		}
		
		img.decor {
			border: none;
			padding: 0;
			margin: 0;
		}


/* ---------------------------------------------------------------------------------- //
// -----------------------------------  C O N T E N T  ------------------------------ //
// ---------------------------------------------------------------------------------- */	


		#Content a.zoom  {
			background: url("/media/img/private/zoom_in_icon.png") no-repeat bottom left;
			width: 99px;
			height: 109px;
			position: absolute;
			display: block;
			.margin-left: -109px;
			cursor: pointer;
		}
		
		#Content a.zoom:hover  {
			background: url("/media/img/private/zoom_in_icon_hover.png") no-repeat bottom left;
		}

/* ---------------------------------------------------------------------------------- //
// -----------------------------------  M P L A Y E R  ------------------------------ //
// ---------------------------------------------------------------------------------- */		

	#MediaPlayer {
		width: 780px;
		height: 439px;
		background: black;
	}


	.controller {
		padding: 0 0 0 8px;
		/*width: 868px;*/
		height: 35px;
		position: absolute;
		top: 404px;
		.margin-left: -580px;
	}
		.controller DIV {
			height: 35px;
			float: left;
			white-space: nowrap;
			overflow: hidden;
		}
			.controller DIV A {
				text-decoration:none;
				color: white;
				display: block;
				height: 35px;
				padding: 10px 0 0 40px;
			}
			
			.controller DIV {
				color:#363636;
				font-size: 11px;
				font-weight:bold;
			}
	
		.controller DIV.fullscreen A {
			width: 75px;
			background: url('/media/img/private/mdp2_left.png') top left no-repeat;
		}
			.controller DIV.fullscreen A:hover {
				background: url('/media/img/private/mdp2_left_sel.png') top left no-repeat;
				color: #ff7808;
			}
		
		.controller DIV.download A {
			width: 112px;
			background: url('/media/img/private/mdp2_middle.png') top left no-repeat;
		}
		
			.controller DIV.download A:hover {
				background: url('/media/img/private/mdp2_middle_sel.png') top left no-repeat;
				color: #ff7808;
			}
		
		.controller DIV.title {
			padding: 8px 0 0 15px;
			overflow: hidden;
			width: 284px;
			height: 27px;
			background: url('/media/img/private/mdp2_fill.png') top left no-repeat;
		}
		.controller DIV.titleEnd {
			padding: 0px;
			width: 14px;
			background: url('/media/img/private/mdp2_right2.png') top left no-repeat;
		}
		.controller DIV.right {
			padding: 8px 0 0 14px;
			font-size:11px;
			color: white;
			width: 173px;
			height: 27px;
			background: url('/media/img/private/mdc_photos_media_tab_2.png') top right no-repeat;
		}
		
		
/* ---------------------------------------------------------------------------------- //
// ------------------------------------  FULL-SCREEN  ------------------------------- //
// ---------------------------------------------------------------------------------- */		


#panel {
	text-align: center;
	vertical-align: middle;
	width: auto;
	height: auto;
	background: black;
	border: 1px solid #535453;
	position: absolute;
}

	#panel .label {
		text-align: left;
		font-size: 12px;
		font-weight: bold;
		color: white;
		padding: 5px 10px;
		width: auto;
		height: 17px;
		background: url("/media/img/private/fs_title.gif") top left repeat-x;
	}