body	{
	background: #fff;
	font-family: Arial, Helvetica, Sans-serif;
	color: #000000;
	font-size: small;
	}

iframe, body.stripped     {
             background: none;
             }

td, td.introduction, p.headline         {
             font-size: small;
             font-family: Arial, Helvetica, Sans-serif;
             }

p.header {
             font-weight: bold;
             color: #0179ad;
             }

td.introduction {
             border-bottom: 2px solid #f6d73c;
             padding-bottom: 5px;
             }

td.question {
             color: #000000;
             font-size: larger;
             padding-top: 10px;
             }

td.dark, td.answer    {
             background: none;
             }

h1.title    {
             background: url(http://ehp.in2sports.net/performerportal/uploads/performer/images/background_body.jpg) #ffffff repeat-x;
             }

a, a.go	{
	color: #4a92aa;
	text-decoration: underline;
             font-size: small;
             font-weight: bold;
             font-family: Arial, Helvetica, Sans-serif;
	}

a:hover   {
             color: #27667b;
             }

a img	{
	border: none;
	}

a.go       {
             background: url(http://ehp.in2sports.net/performerportal/uploads/performer/images/go.gif) no-repeat left;
             padding-left: 17px;
             padding-top: 3px;
             }
	
hr	{
	size: 2px;
	height: 2px;
	color: #f6d73c;
	background-color: #f6d73c;
	}

/* --------------------         Header           ----------------------- */

div#header	{
	position: absolute;	
	left: 32px;
	top: 23px;
            	}
	
div#header p	{
	display: inline;
	font-size: 18px;
	font-weight: bold;
	color: #0178ac;
	position: relative;
	top: -27px;
	left: 10px;
	}

img.logoperformer	{
	position: absolute;
	top: 17px;
	right: 30px;
	}

div#payoff  {
             position: absolute;
	top: 57px;
	right: 16px;
             font-size: 10px;
             color: #0178ac;
             font-weight: bold;
             }

/* --------------------        Hoofdmenu         ----------------------- */

div#mainmenu	{
	text-align: right;
             position: absolute;
             top: 82px;
             width: 98%;
	}

ul.mainmenu	{
	list-style: none;
	border-bottom: 2px solid #f6d73c;
	border-top: 2px solid #ffffff;
	margin: 0;
	}
	
ul.mainmenu li	{
	margin: 0 2px;
	display: inline;
	border: 2px solid #999999;
             border-bottom: none;
	background: url(http://ehp.in2sports.net/performerportal/uploads/performer/images/background_tab.gif) repeat-x top;
	}
	
ul.mainmenu li.active	{
             border: 2px solid #f6d73c;	
             border-bottom: 4px solid #ffffff;
	background: url(http://ehp.in2sports.net/performerportal/uploads/performer/images/background_tab_active.gif) repeat-x top;	
	}

ul.mainmenu li a	{
             font-size: larger;
	padding: 0 20px;
	color: #999999;
	font-weight: bold;
             text-decoration: none;
	}

ul.mainmenu li.active a,
ul.mainmenu li a:hover	{
	color: #000000 !important;
            	}

ul.mainmenu li.active a  {
             position: relative;
             top: 5px;
             text-decoration: none;
             }


/* --------------------        /Hoofdmenu         ----------------------- */

/* --------------------        Submenu         ----------------------- */

div#submenu	{
	width: 188px;
	background: #f6d73c;
	text-align: center;
	position: absolute;
	top: 104px;
	height: 550px;
	}

div#submenu h2	{
	text-align: left;
	font-size: 38px;
	margin: 0px;
	color: #ffffff;
	font-style: italic;
	position: relative;
	left: -7px;
	}
	
div#submenu ul	{
             margin: 0;
             padding: 0px;
	list-style: none;
	text-align: left;
	}
	
div#submenu ul li	{
	margin: 2px;
	}
	
div#submenu ul li a	{
	background: url(http://ehp.in2sports.net/performerportal/uploads/performer/images/background_submenu.gif) repeat-x;
	height: 24px;
	width: 176px;
	font-size: small;
	display: block;
	xborder: 1px solid #dfc235;
	padding-top: 4px;
	padding-left: 8px;
             text-decoration: none;
             xfont-weight: normal;
             color: #000000;
	}

div#submenu ul li a:hover	{
	background: none;
	padding-left: 6px;
	}	

div#submenu ul li a.active	{
	background: none;
	padding-left: 6px;
	font-weight: bold;
	color: #0178ac;
	}	


/* --------------------        /Submenu         ----------------------- */

/* -------------------- CSS container shadow ----------------------- */

#shadow-container {
	position: relative;
	left: 3px;
	top: 3px;
	margin-right: 3px;
	margin-bottom: 3px;
	}

#shadow-container .shadow2,
#shadow-container .shadow3,
#shadow-container .container {
	position: relative;
	left: -2px;
	top: -2px;

	}

	#shadow-container .shadow1 {
		background: #F1F0F1;
	}

	#shadow-container .shadow2 {
		background: #DBDADB;
	}

	#shadow-container .shadow3 {
		background: #d7c87c;
	}

	#shadow-container .container {
		background: #ffffff;
		border: 2px solid #f6d73c;
		padding: 20px;
	}
	
/* -------------------- / CSS container shadow ----------------------- */

div.container h1	{
	color: #d3a801;
	margin: 0px;
             font-style: italic;
	}

div.container .large	{
	color: #0a6989;
	font-weight: bold;
	font-size: larger;
	font-style: italic;
	}

div#progress	{
	width: 33px;
	}
	
div#progress img.progressOverlay	{
	position: absolute;
	top: 150px;
	left: 230px;
	z-index: 10;
	}
	
div#progress img.progressCake	{
	position: absolute;
	top: 150px;
	left: 230px;
	z-index: 1;
	}