/******************************************************************************
						UTOPIS.ASP v2.0 StyleSheet
*******************************************************************[20060223]*/

/*=======[BODY]==============================================================*/

body							{
								margin: 0 0 0 0;
								/*overflow: hidden;*/
								font-family:verdana;
								font-size:12px;
								color:#000000;
								overflow:hidden;
								overflow-y:auto;
								padding:20px;
								/*
								scrollbar-arrow-color: 8CAF53;
								scrollbar-track-color: #294565;
								scrollbar-face-color: #294565;
								scrollbar-highlight-color: #294565;
								scrollbar-shadow-color: #294565;
								scrollbar-darkshadow-color: 8CAF53;
								scrollbar-3dlight-color: 8CAF53;
								*/
								}

/*=======[TOOLBAR]===========================================================*/

/*(Horizontal + Floating Tooltips)*/
/*.toolbar-main					{
								width: 338px;
								height: 31px;
								background-image: url(toolbar_bg.gif);
								background-repeat: no-repeat;
								background-position: top left;
								padding: 0 9 0 9;
								}
/*

/*(Vertical + Floating Tooltips)*/
/*
.toolbar-main					{
								width: 36px;
								height: 338px;
								background-image: url(toolbar_bg.gif);
								background-repeat: no-repeat;
								background-position: top left;
								padding: 9 0 9 7;
								}
*/

/*(Vertical + Text Tooltips)*/								
.toolbar-main					{
								width: 300px;
								height: 338px;
								/*background-image: url(toolbar_bg.gif);*/
								background-repeat: no-repeat;
								background-position: top left;
								padding: 9 0 9 7;
								}


.toolbar-button-spacer			{
								width: 8px;
								height: 8px;
								}
								
#position_toolbar				{
								position: absolute;
								top: 73px;
								left: 20px;
								}
								
/*(Horizontal + Floating Tooltips)*/
/*.toolbar-xtra					{
								width: 88px;
								height: 31px;
								/*background-image: url(xtra_toolbar_bg.gif);
								background-repeat: no-repeat;
								background-position: top left;
								padding: 0 9 0 9;
								}
								
*/
								
/*(Vertical + Floating Tooltips)					
.toolbar-xtra					{
								width: 31px;
								height: 88px;
								/*background-image: url(vertical_xtra_toolbar_bg.gif);
								background-repeat: no-repeat;
								background-position: top left;
								padding: 9 0 9 7;
								}
*/
								
/*(Vertical + Text Tooltips)*/						
.toolbar-xtra					{
								width: 500px;
								height: 88px;
								/*background-image: url(vertical_xtra_toolbar_bg.gif);*/
								background-repeat: no-repeat;
								background-position: top left;
								padding: 9 0 9 7;
								}

								
#position_toolbar_xtra			{
								position: absolute;
								top: 450px;
								left: 100px;
								}
								
/*=======[TOOLTIPS]==========================================================*/
								
.tooltip-text-inactive			{
								font-family: verdana;
								font-size: 11px;
								color: #c3c3c3;
								}
								
.tooltip-text-active			{
								font-family: verdana;
								font-size: 11px;
								color: #000000;
								text-decoration: none;
								}
								
.tooltip-text-active:hover		{
								font-family: verdana;
								font-size: 11px;
								color: #006633;
								text-decoration: underline;								
								}
								
#dhtmltooltip					{
								font-family: verdana;
								font-size: 10px;
								font-weight: normal;
								color: #ed154a;
								position: absolute;
								border: 1px solid #ed154a;
								padding: 0 10 2 10px;
								background-color: #ffffff;
								visibility: hidden;
								z-index: 1000;
								height:16px;
								}
								
/*=======[CONTENT]===========================================================*/

#utopis_content #productname	{
								position: absolute;
								font-size: 20px;
								font-weight:bold;
								top: 25px;
								left: 300px;
								}
								

								
#utopis_content #rubriekname	{
								position: absolute;
								top: 95px;
								left: 0px;
								}

.utopis-content-div-inactive	{
								border: 1px solid #000000;
								visibility: hidden;
								position: absolute;
								top: 54px;
								left: 0px;
								z-Index: 20;
								width: 1px;
								height: 1px;
								overflow: hidden;
								}
								
.utopis-content-div-active		{
								border: 0px solid Green;
								visibility: visible;
								position: absolute;
								top: 67px;
								left: 284px;
								z-Index: 21;
								width: 696px;
								font-family : verdana;
								font-weight : normal;
								font-size : 11px;
								color:#000000;
								line-height : 15px;
								height: 630;
								overflow-y: auto;
								overflow-x: auto;
								padding: 15px;
								
								}
								
.utopis-content-div-active td	{
								font-family : verdana;
								font-weight : normal;
								font-size : 11px;
								color:#000000;
								line-height : 15px;
								}
								
/*.utopis-content-div-active a 	{
								color : #000000;
								text-decoration : underline; 
								}

.utopis-content-div-active a:hover	{
									color : #000000;
									text-decoration : none;
									}*/
								
.utopis-content-div-active ul 	{
							margin-top : 0px;
							margin-left : 18px;
								}

.utopis-content-div-active li 	{
							list-style-type: square;
							line-height : 16px;
								}
								
/*=======[RUBRIEKEN]=========================================================*/

#position_rubriekname			{
								position: absolute;
								left: 200px;
								top: 125px;
								}

.utopis-content-rubriek-name	{
								width: 1px;
								height: 1px;
								visibility: hidden;
								position: absolute;
								top: 0px;
								left: 20px;
								}
								
#s_rubriekname					{
								font-family: verdana;
								font-size: 17px;
								font-weight: bold;
								color: #000000;
								}
								
#s_prodname						{
								font-family: verdana;
								font-size: 17px;
								font-weight: bold;
								color: #000000;
								}
								
/*=======[IMAGES]===========================================================*/

#product_image					{
								width: 130px;
								height: 115px;
								position: absolute;
								top: 10px;
								left: 460px;								
								}

/*=======[CUSTOM]===========================================================*/


.utopis-content-div-active a:link		{
			font-family:verdana;
			color: #000000;
			font-size:11px;
			}
.utopis-content-div-active a:active	{
			font-family:verdana;
			color: #000000;
			font-size:11px;
			}
								
.utopis-content-div-active a:visited	{
			font-family:verdana;
			color: #000000;
			font-size:11px;
			}
					
.utopis-content-div-active a:hover		{
			font-family:verdana;
			color: #ff0000;
			font-size:11px;
			}

.afb		{
			border:1px solid #8CAF53;
			}
			
#prodintro	{
			display:none;
			}