html { margin: 0; padding: 0; background: #710c04; }
	body { height: 100%; 
		margin: 0; 
		padding: 0; 
		background: #710c04; 
		font-family: "Trebuchet MS", sans-serif; 
		font-size: 100%; 
		z-index: -1 
		text-align: center;
		min-width: 760px;

		}	
	html>body {
		font-size: 100%;
		}

	
	#page {	
		
 		}

	

	#header { position: relative; padding-top: 24px; border-bottom: 0px solid #000000; background: #710c04; }
	#header h1 { display: block; position: relative; width: 216px; height: 135px; margin: 0; padding: 0; font-size: 140%; }
	#header h1 span { display: block; position: absolute; left: 0; top: 0; width: 217px; height: 135px; background:url(../images/dvd/dvd_logo.gif) no-repeat; cursor: pointer; }
	
	#decoration { position: absolute; left: 217px; top: 24px; border-left: 0px solid #000000; width: 728px; height: 135px; background:url(../images/dvd/dvd_logo_right.gif) no-repeat; }
	#decoration object { }
	#decoration embed { }
		
	#languages { position: absolute; top: 0; width: 100%; height: 24px; border-bottom: 0px solid #000000; background:url(../images/dvd/dvd_header.gif) left no-repeat; }

		
	#navigation {  z-index:100; position: relative; float: left; width: 100%; height: 100%; background:url(../images/dvd/dvd_menu_background.gif) left top no-repeat #710c04; }
	#navigation ul {  position: relative; float: left; margin: 0; padding: 0 0 0 217px; list-style: none; }
	#navigation li { position: relative; float: left; display: inline; }
	#navigation li { margin-left: 11px; }
	#navigation a {  display: block; padding: 7px 0 6px 0; color: #ffcc00; font-size:80%; white-space: nowrap; text-shadow: 1px 1px #000000; text-transform:uppercase; text-decoration: none; }
	#navigation a:hover { background: #710c04; color: #ffffff; text-decoration: none; }
	#navigation li:hover ul { display: block; }
	#navigation li.sfhover ul { display: block; } /* trieda generovana javascriptom, aby roletkove menu fongovalo v IE6ke, kedze nedokaze pouzivat vlastnost ":hover" na inych elemntoch ako "a" */
	#navigation ul li ul {  position: absolute; left: -11px; display: none; margin: 0; padding: 0; border-right: 1px solid #000000; border-bottom: 1px solid #000000; border-left: 1px solid #000000;}
	#navigation ul li ul li { position: relative; clear: left; float: left; display: block; width: 185px; margin: 0; padding: 0; background: #000000; font-size: 100%;}	
	#navigation ul li ul li a {  position: relative; display: block; padding: 5px; }
	#navigation br { clear: both; }
	#nav { position:relative; float: left;}

	.separator { padding-right: 12px; background:url(../images/dvd/dvd_separator_menu.gif) right center no-repeat; }
	

	#wrapper {  float:right; width:100%;  background:url(../images/dvd/dvd_sidebar.gif) no-repeat #710c04; }
	
	#sidebar { display: block; float: left; width: 215px; height: 100%;}
	#sidebar ul { width: 175px; margin: 0 auto 0 auto; padding: 0; list-style: none; }
	#sidebar li { margin-bottom: 5px; font-size: 80%; color: #000000; }
	#sidebar a { display: block; position: relative; width: 165px; height: 30px; padding: 5px 0px 0px 5px; color: #ffcc00; font-size: 130%; font-weight: normal; text-shadow: 0.1em 0.1em 0.2em #000000; text-decoration: none}
	#sidebar a:hover { background: #000000; color: #ffdd11; text-decoration: none}
	#sidebar a span { display: block; position: absolute; left: 0; top: 0; z-index: 10; width: 175px; height: 70px; cursor: pointer; }



	#content { line-height: 20px; margin-left: 216px; margin-bottom: 50px; padding: 5px 20px 20px 20px;  border-top: 0px solid #000000; background:url(../images/dvd/dvd_content.gif) no-repeat #710c04; }
	#content h2 { padding: 0; color: #ffcc00; font-size: 130%; font-weight: normal; text-shadow: 0.1em 0.1em 0.2em #000000;}
	#content h3 { color: #ac0040; font-size: 90%; }
	#content h4 { color: #0066CC; font-size: 80%; }
	#content h6 { color: #000000; font-size: 80%; }
	#content p { color: #ffffff; font-size: 86%; line-height: 130%; text-shadow: 0.1em 0.1em 0.2em #000000; text-align: justify;}
	#content p sup {font-size: 70%;}
	#content li { color: #ffffff; font-size: 80%; }
	#content li li { color: #ffffff; font-size: 100%; }
	#content a:link {color: #ffcc00; text-decoration: underline}
	#content a:visited {color: #ffcc00; text-decoration: underline}
	#content a:hover {background: #cccccc; color: #ffdd11; text-decoration: none}
	#content hr { width: 100%; height: 2px; border: 0px; background:url(../images/hr.gif) center repeat-x; }
	#content cont { margin: 12px; }


	#underline  { font-size: 80%; line-height: 12px; border-top: 1px solid  #ffffff;}
	#underline p sup { font-size: 90%; line-height: 12px;}

/* video */

	.rounded{		
		margin: 0 0 8px 0;
	}

	#videoframe_rc { 
		position: relative;
		background:#650600;
		left: -10px;
		top: 38px;
		width: 680px;
		z-index:0;
	}

	

	#player_rc {
		
		background:#020202;
		margin: 0px 8px 0px 8px;
		width: 336px;
	}
	
	.player {
		margin: 0px 8px 0px 8px;
		position:relative; 
		z-index:1;
	}

	#annoname {
		position: absolute;
		top: 6px;
		left: 350px;
		margin: 0px 8px 0px 8px;
		font-size: 115%;			
	}
	#annotation {
		position: absolute;
		top: 55px;
		left: 350px;
		margin: 0px 8px 0px 8px;		
	}
	#methsheet {
		position: absolute;
		top: 238px;
		left: 560px;
		margin: 0px 8px 0px 8px;
		font-weight: bold;
		font-size: 80%;		
	}

	#questlink {
		position: absolute;
		top: 256px;
		left: 602px;
		margin: 0px 8px 0px 8px;
		font-weight: bold;
		font-size: 80%;	
	}
	#fquestlink {
		position: absolute;
		top: 236px;
		left: 522px;
		margin: 0px 8px 0px 8px;
		font-weight: bold;
		font-size: 80%;	
	}
	#closequest {
		position: absolute;
		top: 20px;
		left: 608px;
		margin: 0px 8px 0px 8px;
		font-weight: bold;
		font-size: 80%;	
	}

	#questions_rc_1 {
		background:#650600;
		position: relative;
		left: -10px;
		top: 38px;
		width: 680px;
	}
	#questions_rc_2 {
		background:#650600;
		position: relative;
		left: -10px;
		top: 38px;
		width: 680px;
	}
	#questions_rc_3 {
		background:#650600;
		position: relative;
		left: -10px;
		top: 38px;
		width: 680px;
	}
	#questions_rc_4 {
		background:#650600;
		position: relative;
		left: -10px;
		top: 38px;
		width: 680px;
	}
	#questions_rc_5 {
		background:#650600;
		position: relative;
		left: -10px;
		top: 38px;
		width: 680px;
	}
	#questions_rc_6 {
		background:#650600;
		position: relative;
		left: -10px;
		top: 38px;
		width: 680px;
	}
	#questions_rc_7 {
		background:#650600;
		position: relative;
		left: -10px;
		top: 38px;
		width: 680px;
	}


	#questions {
		margin: 12px;
	}
	
	#sidebar_rc {
		background:#650600;
		left: 12px;
		top: 150px;
		width: 194px;
		margin: 8px 0px 8px 0px;
		position: relative;
		
	}
	#cont_rc {
		background:#650600;
		position: relative;
		left: -10px;
		top: 38px;
		width: 680px;
		margin: 8px 0px 8px 0px;
	}
	.cont { margin: 12px; }



	/* "Drobcekova" navigacia */
	#breadcrumbs { margin-bottom: 35px; }
	#breadcrumbs p { color: #666666; font-size: 70%; font-style: italic; }
	
	.clear { clear: both; }

 

	#footer { clear: both; width: 100%;}	
	#footer p { margin: 20px; color: #000000; font-size: 70%; text-align: left; padding-left: 356px;}
	#atom { float: left; margin-right: 10px; width: 77px; height: 16px; background:url(../images/atom_feed.gif) top center no-repeat; }