/* Overriding master styles */
html 								{text-align: center; background: #000 url('../images/video_bg.gif') repeat-x; }
#footer 							{float: left;height: 30px;background: #ccc url("../images/tool_black_bg.gif");width: 800px;}
#infobar		 					{background: #ddd url('../images/tool_black_bg.gif') repeat-x;float: left;width: 100%;height: 30px;vertical-align: middle;border-bottom:1px solid #333;}
#page								{float:left;margin: 0 auto; width: 800px; border: 1px solid #333;}
/* Video CSS */
#videocontent 						{float: left;background: #000 url('../images/faux-column_black.gif') repeat-y;min-height:600px;width:800px;}
#videocontent .leftcol 				{float: left;width: 240px;text-align: left;font-size:.9em; padding: 10px 10px;}
#videocontent .rightcol 			{float: left;text-align: left;width: 519px;clear: right;/*overflow: auto;*//*max-height: 600px;*/padding-left: 10px; padding-top:10px;}
#videocontent .movielist			{float:left;width:513px;height:400px;overflow:auto;border:1px solid #222;margin-left:10px; }
#videocontent .previewframe_odd 	{float:left;color:#fff;width:496px;height:77px;margin-bottom:1px;background-color:#101010;}
#videocontent .previewframe_even 	{float:left;color:#fff;width:496px;height:77px;margin-bottom:1px;background-color:#252525;}
#videocontent .previewimage 		{border:none;margin: 2px 2px;float:left;}
#videocontent .previewtext 			{float:left;margin-left:10px;height:48px;overflow:hidden;width:320px;}
#videocontent a 					{border:none;}
#videocontent p						{display:block;font: 11px/12px "Trebuchet MS" ,Verdana,Arial,serif;  color:#ccc;margin:0px 0px 10px 0px;padding:0;margin:0;}
#videocontent h2 					{display:block;font: bold 12px/12px "Trebuchet MS" ,Verdana,Arial,serif; margin-top:5px; color:#fff;width:300px;margin-bottom:2px;padding:0;}

#videocontent .playbuttons			{float:left;margin-left:10px;border-top:1px dotted #666;width:330px;padding-top:2px;}
#videocontent .playbuttons img		{margin-right:10px;border:none;}
#videocontent .playbuttons a		{border:none;}

#videocontent .stage				{float:left;margin:40px 4px;text-align:center;}

#quicktimeneeded					{width:520px;margin-bottom:15px;text-align:center;}
#quicktimeneeded img				{border:none;text-decoration:none;margin-top:15px;}
#quicktimeneeded .outsidelink 		{font: normal 12px/16px Verdana,Arial,serif;background:  url('../images/link_outside_icon.gif') no-repeat 0px 4px;padding-left:18px;text-decoration:none;color:#007a9d}
#quicktimeneeded .outsidelink:hover {font: normal 12px/16px Verdana,Arial,serif;background:  url('../images/link_outside_icon_hover.gif') no-repeat 0px 4px;padding-left:18px;text-decoration:none;color:#ed1c24}

/* CSS drop down menu */

#videocontent .goback				{text-align:center;width:512px;margin-top:20px;}
#videocontent .goback a				{border:none;}
#videocontent .goback img				{border:none;}

#dropmenu 							{background: #000;float:left;margin-top:20px;margin-left:10px;width:500px;height:25px; background:#000 url('../beeld/video/listkop.gif');}
#dropmenu ul						{list-style: none;margin: 0;padding: 0;width: 16em;float: left;}
#dropmenu a 						{font: normal 12px/16px Verdana,Arial,serif;display: block;border-width: 1px;border-style: solid;border-color: #222 #222 #222 #222;margin: 0;padding: 2px 3px;}
#dropmenu h2 						{font: normal 12px/16px Verdana,Arial,serif;display: block;margin:0;margin-left:10px;padding: 2px 3px;}
#dropmenu h2 						{color: #fff;}
#dropmenu a 						{margin-left:10px;color: #fff;background: #000;text-decoration: none;opacity:.9;}
#dropmenu a:hover, #dropmenu a.sfhover {margin-left:10px;color: #fff;background: #007a9d;opacity:.9;}
#dropmenu ul ul 					{position: relative;z-index: 500;}
/*div#dropmenu ul ul 					{display: none;}
div#dropmenu ul li:hover ul			{display: block;}*/
div#dropmenu ul ul					{display: none;}
div#dropmenu ul li:hover ul ul		{display: none;}
div#dropmenu ul ul li:hover ul ul	{display: none;}
div#dropmenu ul li:hover ul			{display: block;}
div#dropmenu ul ul li:hover ul		{display: block;}
div#dropmenu ul ul ul li:hover ul	{display: block;}

div#dropmenu ul li.sfhover ul ul		{display: none;}
div#dropmenu ul ul li.sfhover ul ul		{display: none;}
div#dropmenu ul li.sfhover ul			{display: block;}
div#dropmenu ul ul li.sfhover ul		{display: block;}
div#dropmenu ul ul ul li.sfhover ul		{display: block;}



/*
</style>
<!--[if IE]>
<style type="text/css" media="screen">
 #menu ul li {float: left; width: 100%;}
</style>
<![endif]-->
<!--[if lt IE 7]>
<style type="text/css" media="screen">
body {
behavior: url(csshover.htc);
font-size: 100%;
}

#menu ul li a {height: 1%;} 

#menu a, #menu h2 {
font: bold 0.7em/1.4em arial, helvetica, sans-serif;
}
</style>
*/