@import url("/css/kaders.css");

div.studio_viewer {
	margin: 0px;
	padding: 0px;
	left: 7px;
	width:  946px;
	height: 680px;
	color: #6a675b;
	font-family: verdana;
	font-size: 11px;
	font-weight: bold;
	line-height: 16px;
	z-index: -1;
}

div.sv_bg {
	position: absolute;
	left: 5px;
	top: 20px;
	padding: 0px;
	background-image: url('background.gif');
	background-repeat: no-repeat;
	width: 946px;
	height:	577px;
}

div.sv_complaint_button {
	position: absolute;
	top: 560px;
	left: 332px;
	padding-top: 0px;
	background-image: url('klacht_button.png');
	background-repeat: no-repeat;
	width: 70px;
	height:	68px;
	cursor: pointer;
}

div.sv_thanks_to {
	background-image:url('images/credits_top_nl.gif');
	position: absolute;
	top: 35px;
	left: 547px;
	padding-top: 0px;
	width: 168px;
	height:	52px;
	z-index:80;
	cursor:pointer;
}

div.sv_thanks_to_frame {
	background-image:url('images/credits_frame.gif');
	position: absolute;
	top: 55px;
	z-index:70;
	left: 550px;
	padding-top: 0px;
	width: 174px;
	height:	161px;
	
/*	visibility: hidden; */
}
div.innerFrame{
	padding:15px;
	padding-top:35px;
}

div.sv_stage_light {
	position: absolute;
	top: -140px;
	left: 775px;
	padding-top: 0px;
	background-image: url('stage_light.png');
	background-repeat: no-repeat;
	width: 120px;
	height:	186px;
}

div.sv_wood_bar {
	position: absolute;
	top: -20px;
	left: 0px;
	padding-top: 0px;
	background-image: url('wood_bar.png');
	background-repeat: no-repeat;
	width: 946px;
	height:	86px;
}

div.sv_note {
	position: absolute;
	top: 35px;
	left: 200px;
	background-image: url('note.png');
	background-repeat: no-repeat;
	width: 59px;
	height:	70px;
}

div.sv_note_text {
	margin-left: 5px;
	margin-top: 15px;-22
  	position: absolute;
	width: 50px;
	text-align: center;
}

div.sv_curtains_left {
	position: absolute;
	top: 40px;
	left: 0px;
	width: 276px;
	height: 550px;
}

div.sv_cl_shadow_left {
	position: absolute;
	top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	background-image: url('shadow_left.png');
	background-repeat: no-repeat;
	width: 275px;
	height:	136px;
}

div.sv_cl_top {
	position: absolute;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	background-image: url('l_top.gif');
	background-repeat: no-repeat;
	width: 276px;
	height:	472px;
}


div.sv_cl_middle {
	position: absolute;
	bottom: 38px;
	height: 300px;
	background-image: url('l_middle.gif');
	background-repeat: repeat-y;
	width: 276px;
}

div.sv_cl_bottom {
	position: absolute;
	bottom: 0px;
	background-image: url('l_bottom.gif');
	background-repeat: no-repeat;
	width: 276px;
	height: 40px;
}
div.sv_cl_work_of {
	position: absolute;
	top: 60px;
	left: 30px;
	background-image: url('work_of.png');
	background-repeat: no-repeat;
	width: 185px;
	height:	36px;
}

div.sv_cl_user_name {
	position: absolute;
	top: 110px;
	left: 45px;
	background-repeat: no-repeat;
	width: 213px;
	height:	65px;
}

div.sv_sort {
	position: absolute;
	left: 50px;
	top: 165px;
	font-family: verdana;
	font-size: 10px;
	font-weight: normal;
	color: #FFFFFF;
	text-align: left;
}

div.sv_sort  a {
	color: #FFFFFF;
	text-decoration: none;
	font-family: verdana;
	font-weight: bold;
}

div.sv_sort a:hover {
	color: #FFcc00;
}

div.sv_preview_pane {
	position: absolute;
	top: 190px;
	left: 50px;
	width: 210px;
	}
/*
div.sv_preview {
	position: relative;
	float: left;
	width: 57px;
	height: 48px;
	margin-right: 8px;
	margin-bottom: 8px;
	background-color: white;
	color: black;
	font-size: 12px;
	line-height: 12px;
	font-weight: normal;
	cursor: pointer;
	}
	
div.sv_preview img {
	width: 60px;
	height: 45px;
}
*/	
div.sv_preview:hover {
	opacity: .8;
	filter: alpha(opacity =80);	
	}


div.sv_cl_title {
	position: absolute;
	top: 150px;
	left: 0px;
	background-image: url('l_title.png');
	background-repeat: no-repeat;
	width: 36px;
	height:	272px;
}

div.sv_cl_button_last {
	position: absolute;
	left: 40px;
	top: 420px;
	background-image: url('last_button.gif');
	background-repeat: no-repeat;
	width: 85px;
	height:	22px;
	cursor: pointer;
}

div.sv_cl_button_text {
	left: 4px;
	top: 1px;
}

div.sv_cl_button_last:hover, div.sv_cl_button_next:hover  {
	color: #444;
}


div.sv_cl_button_next {
	position: absolute;
	top: 420px;
	left: 140px;
	margin-bottom: 0px;
	padding-top: 0px;
	background-image: url('next_button.gif');
	background-repeat: no-repeat;
	width: 101px;
	height:	22px;
	cursor: pointer;
}

div.sv_lights {
	position: absolute;
	top: 5px;
	left: 240px;
	background-image: url('lights.gif');
	background-repeat: no-repeat;
	width: 702px;
	height: 117px;
}

div.sv_player {
	position: absolute;
	left: 250px;
	top: 2px;
	padding: 0px;
	width: 620px;
	height: 650px;
}

div.sv_gallery_name {
	position: absolute;
	top: 50px;
	left: 80px;
	background-repeat: no-repeat;
	width: 300px;
	height:	70px;
}

div.sv_gallery_title {
	position: absolute;
	top: 110px;
	left: 90px;
	color: #FFFFFF;
	font-family: verdana;
	font-size: 13px;
	font-weight: bold;
	line-height:30px;
	padding-bottom:5px;
	height:30px;
}

div.sv_gallery_date {
	position: absolute;
	top: 138px;
	left: 90px;
	color: #ffcc00;
	font-family: verdana;
	font-size: 11px;
	font-weight: bold;
}

div.sv_thanks {
	display: none;

	position: absolute;
	top: 30px;
	left: 360px;
	background-image: url('thanks.png');
	background-repeat: no-repeat;
	width: 166px;
	height: 51px;
}

div.sv_use_button {
	position: absolute;
	top: 65px;
	left: 425px;
	background-image: url('use_button_up.png');
	background-repeat: no-repeat;
	width: 185px;
	height: 118px;
	cursor: pointer;
}

div.sv_use_button:hover  {
	background-image: url('use_button_over.png');
}

div.sv_use_button_popup {
	top: 65px;
	left: 425px;
}



div.sv_frame {
	position: absolute;
	top: 155px;
	left: 85px;
	background-image: url('viewer.gif');
	background-repeat: no-repeat;
	width: 486px;
	height: 416px;
	/*
	height: 356px;
	*/
}

div.sv_frame div.player{
	width: 460px;
	height: 328px;
	position: absolute;
	left: 12px;
	top: 12px;
/*	border: 2px dotted pink;*/
	}

div.sv_to_gallery_button {
	/*display: none;*/

	position: absolute;
	top: 560px;
	left: 133px;
	background-image: url('to_gallery_button_up.png');
	background-repeat: no-repeat;
	width: 114px;
	height: 78px;
	cursor: pointer;
}

div.sv_to_gallery_button:hover {
	background-image: url('to_gallery_button_over.png');
}

div.sv_to_show_button {
	/*display: none;*/

	position: absolute;
	top: 560px;
	left: 217px;
	margin-bottom: 0px;
	padding-top: 0px;
	background-image: url('to_show_button_up.png');
	background-repeat: no-repeat;
	width: 88px;
	height: 68px;
	cursor: pointer;
}

div.sv_to_show_button:hover {
	background-image: url('to_show_button_over.png');
}

div.sv_rating {
	/*display: none; */

	position: absolute;
	top: 560px;
	left: 300px;
	margin-bottom: 0px;
	padding-top: 0px;
	width: 259px;
	height: 97px;
}

div.sv_rat_head {
	position: absolute;
	margin-top: 0px;
	margin-left: 0px;
	background-image: url('rat_head.gif');
	background-repeat: no-repeat;
	width: 191px;
	height: 26px;
}

div.sv_rat_head_rated {
	position: absolute;
	margin-top: 0px;
	margin-left: 0px;
	background-image: url('scorevanditwerkje.gif');
	background-repeat: no-repeat;
	width: 191px;
	height: 26px;
}
div.sv_rat_head_login {
	position: absolute;
	margin-top: 0px;
	margin-left: 0px;
	background-image: url('loginenstem.gif');
	background-repeat: no-repeat;
	width: 191px;
	height: 26px;
}
div.sv_rat_background {
	position: absolute;
	top: 8px;
	left: 8px;
	background-image: url('rat_bg.gif');
	background-repeat: no-repeat;
	width: 250px;
	height: 63px;
}

div.sv_rat_ok {
	position: absolute;
	top: 55px;
	left: 188px;
	background-image: url('ok_button_up.png');
	background-repeat: no-repeat;
	width: 60px;
	height: 45px;
	cursor: pointer;
}

div.sv_rat_ok:hover {
	background-image: url('ok_button_over.png');
	
}


div.sv_rat_star1, div.sv_rat_star2, div.sv_rat_star3, div.sv_rat_star4, div.sv_rat_star5 {
	position: absolute;
	top: 24px;
	left: 30px;
	width: 28px;
	height: 27px;
	cursor: pointer;
}

div.sv_rat_star2 {
	top: 22px;
	left: 70px;
}

div.sv_rat_star3 {
	top: 20px;
	left: 110px;
}

div.sv_rat_star4 {
	top: 18px;
	left: 150px;
}

div.sv_rat_star5 {
	top: 16px;
	left: 190px;
}

div.show_star {
	background-repeat: no-repeat;
	background-image: url('star_off.gif');
}

div.twinkling_star {
	background-repeat: no-repeat;
	background-image: url('star_off.gif');
}

div.twinkling_star.staron {
	background-image: url('star_on.gif');
}

div.show_star.staron {
	background-image: url('star_on.gif');
}

div.sv_rat_stars {
	position: relative;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	padding: 0px;
	padding-top: 20px;
	background-image: url('.gif');
	background-repeat: no-repeat;
	width: 30px;
	height: 30px;
}

div.sv_curtains_right {
	position: absolute;
	top: 0px;
	left: 880px;
	width: 64px;
	height: 560px;
}

div.sv_cr_shadow_right {
	position: absolute;
	right: 0px;
	background-image: url('shadow_right.png');
	background-repeat: no-repeat;
	width: 142px;
	height:	191px;
}

div.sv_cr_top {
	position: absolute;
	top: 0px;
	left: 0px;
	background-image: url('r_top.gif');
	background-repeat: no-repeat;
	width: 52px;
	height:	464px;
}

div.sv_cr_middle {
	position: absolute;
	left: 0px;
	bottom: 35px;
	background-image: url('r_middle.gif');
	background-repeat: repeat-y;
	height: 300px;
	width: 52px;
}

div.sv_cr_bottom {
	position: absolute;
	bottom: 0px;
	left: 0px;
	background-image: url('r_bottom.gif');
	background-repeat: no-repeat;
	width: 52px;
	height: 38px;
}

div.sv_poles_right {
	position: absolute;
	top: 10px;
	left: 42px;
	margin-bottom: 0px;
	padding-top: 0px;
	width: 18px;
	height: 600px;
}

div.sv_pr_top {
	position: absolute;
	top: 0px;
	left: 0px;
	background-image: url('pr_top.gif');
	background-repeat: no-repeat;
	width: 18px;
	height:	464px;
}

div.sv_pr_middle {
	position: absolute;
	left: 0px;
	bottom: 35px;
	background-image: url('pr_middle.gif');
	background-repeat: repeat-y;
	width: 18px;
	height: 150px;
}

div.sv_pr_bottom {
	position: absolute;
	left: 0px;
	bottom: 0px;
	background-image: url('pr_bottom.gif');
	background-repeat: no-repeat;
	width: 18px;
	height: 38px;
}