/* HOOFD specs, niet veranderen */
/* imagepad aangepast, terug zetten naar /img/home.gif */
html { 
	min-width: 946px;
	 }
body	{
	text-align: center;
	margin: 0;
	padding: 0;
	border: 0;
	color: #516F96;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	scrollbar-arrow-color: #7F882D;
	scrollbar-3dlight-color: #000000;
	scrollbar-highlight-color: #191919;
	scrollbar-face-color: #000000;
	scrollbar-shadow-color: #7F882D;
	scrollbar-darkshadow-color: #000000;
	scrollbar-track-color: #191919;
	}
#wrapper	{
    /*background: transparent url(http://www.clear-spot.nl/img/textvlak_breed.gif) top left no-repeat;  */
	
    text-align: left;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	width: 946px;
	margin: 0 auto;
	padding: 0;
	color: #516F96;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	}
div#innerwrapper	{
	border: 0;
	background: transparent url(../img/home.gif) top right no-repeat;
	width: 946px;
	margin: 0;
	padding: 0;
	float: left;
	
	}
#zwart	            {
	vertical-align: top;
	border: 0;
	background: transparent url(../img/zwart_bitmap.gif) top right repeat;
	margin: 0;
	padding-top: 0px;
	}
#zwart2	            {
	vertical-align: top;
	border: 0;
	margin: 0;
	padding-top: 0px;
	}
/* kop specs*/
#zoek1              {
	margin: 0;
	padding: 0 2px 2px 0;
	height: 18px;
	background: #000;
	text-align: right;
	vertical-align: top;
	}
#zoek2         {
	margin: 0;
	padding: 0;
	}
div#genre           {
	position: absolute;
	width: 606px;
	height: 22px;
	margin-top: 5px;
	padding-top: 0;
	z-index: 777;
	color: #FFF;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 20px;
	text-align: right;
	}
/* LOGO specs */
#logocs             {
	position: absolute;
	width: 166px;
	height: 116px;
	margin-top:0;
	padding: 0;
	z-index: 666;
    }
#logotrans          {
	behavior: url(/css/png-opacity.htc);
    }
#logosb             {
	position: absolute;
	width: 124px;
	height: 116px;
	margin-top: 0;
	padding: 0;
	z-index: 666;
    }
/* Menu links specs */
table#menu          {
width: 125px; 
height: 100%;
margin: 0; 
padding: 0; 
vertical-align: top;
background: transparent url(../img/zwart_bitmap.gif) top right repeat;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
}

div#menulinks       {
	vertical-align: top;
	width: 124px;
	color: #B8D0DA;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	margin: 0;
	padding: 0;
    border: 0;
	}
div#menulinks ul    {
	list-style: none;
	padding: 0;
    margin: 0;
	border: 0;
	}
div#menulinks li     {
	border-bottom: 1px solid #FFF;
	line-height: 14px;
	list-style: none;
	}
div#menulinks a     {
	font-size: 11px; 
	background: #999900;
	color: #000;
	padding: 4px 0 4px 4px;
	line-height: 14px;
	display: block;
	text-decoration: none;
	}
div#menulinks a:hover {
	color: #FFF;
	background: #333300;
	padding: 4px 0 4px 4px;
	line-height: 14px;
	display: block;
	}
div#menulinks #currentpage a {
	color: #000;
	background: #FFF;
	margin: 0;
	padding: 4px 0 4px 4px;
	line-height: 14px;

	text-decoration: none;
	}
div#menulinks #account a {
	color: #999900;
	background: #333300;
	margin: 0;
	padding: 2px 0 2px 4px;
	line-height: 14px;
	display: block;
	text-decoration: none;
	}
div#menulinks #account a:hover {
	color: #000;
	background: #999900;
	margin: 0;
	padding: 2px 0 2px 4px;
	line-height: 14px;
	display: block;
	text-decoration: none;
	}
div#menulinks p	    {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #999900;
	margin: 0;
	padding: 2px 0 6px 4px;
	background: #000;
	line-height: 14px;
	display: block;
	border-bottom: 1px solid #FFF;
	}
div#login	{
	display: block;	
	width: 124px;
	height: 75px;
	margin: 0;
	padding: 0;
	border: 0;
	}
div#login a {
	background: #333300 url(../img/login_of.gif) top left no-repeat;
	display: block;	
	width: 124px;
	height: 75px;
	margin: 0;
	padding: 0;
	border: 0;
	}
div#login a:hover	{
	background: #333300 url(../img/login_on.gif) top left no-repeat;
	}
div#logout	{
	display: block;	
	width: 124px;
	height: 75px;
	margin: 0;
	padding: 0;
	border: 0;
	}
div#logout a {
	background: #333300 url(../img/logout_of.gif) top left no-repeat;
	display: block;	
	width: 124px;
	height: 75px;
	margin: 0;
	padding: 0;
	border: 0;
	}
div#logout a:hover	{
	background: #333300 url(../img/logout_on.gif) top left no-repeat;
	}
html>body div#menulinks {
	/* Correct value for browsers that don't suffer from IE Win's bugs */
	margin: 0;
	}

/* Tekstvlak specs waaronder diverse tabellen en fontspecs */
/* http://www.clear-spot.nl/img/textvlak_breed.gif */
#tekst	            {
    border-right: 1px solid #000;
	background: transparent url(http://www.clear-spot.nl/img/textvlak_breed.gif) top left no-repeat;
	width: 620px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
    margin: 0;
    padding: 0;
    vertical-align: top;
    /* vertical-align: top; 
    background: transparent url(http://www.clear-spot.nl/img/textvlak_breed.gif) top left no-repeat;*/
	}
#tekst p	        {
	margin: 4px 20px 4px 20px;
	line-height: 140%;
	}
#tekst p#lijn       {
	margin: 0 20px 0 20px;
	background: url(../img/lijntje.gif) top center no-repeat; 
	width: 620px; 
	height: 10px; 
	}
#tekst table        {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	vertical-align: top;
	}
#tekst td           {
	color: #000;
	}
#tekst table li     {
	list-style: disc;
	}
#tekst table li a:link, div#tekst table li a:visited {
	color: #516F96;
	text-decoration: underline;
	}
#tekst li a:hover   {
	color: #FF6633;
	}
#tekst a            {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	}
#tekst a:hover       {color: #cc0000;}

div#topnav           {
	width: 620px;
	border: 0;
	margin: 0 0 0 10px;
	padding: 0;
    /* background: transparent url(http://www.clear-spot.nl/img/textvlak_breed.gif) top right no-repeat; */
	}
div#topnav a            {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	color: #333300;
	text-decoration: none;
	}
div#topnav a:hover       {color: #FF0000;}

/*div#itemspic        {
	background: url(../img/item_backgrnd.jpg) bottom right no-repeat; 
	border: 0;
	margin: 0;
	padding: 0 20px 0 0;
	float: right;
	text-align: right;
	}
div#itemspic  img   {
	margin: 0;
	padding: 0;
	border: 0;
	}*/
div#items           {
	width: 580px;
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 10px;
	border: 0;
	margin: 0 0 0 9px;
	padding: 0 11px 0 11px;
    background: #FFF;
	}
div#items b, strong          {
    color: #000;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	}
div#items  p#lijn   {
	margin: 0;
    background: transparent url(../img/lijntje.gif) no-repeat top left;
	width: 580px; 
	}
div#items p	        {
	margin: 0;
	line-height: 1.4em;
	}
div#items h1            {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #666600;
	font-size: 16px;
	font-weight: bold;
	margin: 5px 0 0 0;
	padding: 5px 0 5px 0;
	background: #FFF url(../img/lijntje_item.gif) bottom left no-repeat;
	}
div#items h1 a          {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #666600;
	font-size: 16px;
	font-weight: bold;
	margin: 0;
	padding: 5px 0 5px 0;
	background: #FFF url(../img/lijntje_item.gif) bottom left no-repeat;
	text-decoration: none;
	}
div#items a            {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	color: #000000;
	text-decoration: underline;
	}
div#items a:hover       {color: #cc0000;}

div#items p#lijst      {
    margin: 0 20px 0 0;
    padding: 5px 0 0 16px;
    background: url(../img/lijst_stip.gif) no-repeat; 
    }
div#items p#lijst   a  {
    font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    font-size: 9pt;
    font-weight: bold;
    color: #000000;
    text-decoration: none;
    }
div#items p#lijst   a:hover  {color: #cc0000;}

div#itemspic        {
	background: transparent url(../img/item_backgrnd.jpg) bottom right no-repeat; 
	border: 0;
	margin: 0;
	padding: 0 0 5px 0;
	float: right;
	text-align: right;
	}
div#itemspic img      {
	border: 0;
	margin: 0 7px 0 0;
	padding: 0;
	}
/* BLOG */
div#blog           {
	width: 580px;
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 10px;
	border: 0;
	margin: 0 0 0 9px;
	padding: 0 11px 0 11px;
    background: #FFF;
	}
div#blog b, strong          {
    color: #000;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	}
div#blog  p#lijn   {
	margin: 0;
    background: transparent url(../img/lijntje.gif) no-repeat top left;
	width: 580px; 
	}
div#blog p	        {
	margin: 0;
	line-height: 1.4em;
    width: 580px;
    border-right: 1px solid #fff;
	}
div#blog h1            {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #666600;
	font-size: 16px;
	font-weight: bold;
	margin: 5px 0 0 0;
	padding: 5px 0 5px 0;
	background: #FFF url(../img/lijntje_item.gif) bottom left no-repeat;
	}
div#blog h1 a          {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #666600;
	font-size: 16px;
	font-weight: bold;
	margin: 0;
	padding: 5px 0 5px 0;
	background: #FFF url(../img/lijntje_item.gif) bottom left no-repeat;
	text-decoration: none;
	}
div#blog a            {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	color: #000000;
	text-decoration: underline;
	}
div#blog a:hover       {color: #cc0000;}




/* Menu rechts specs */
td#menurechts	        {
	vertical-align: top;
	border-top: 1px solid #000;
    border-bottom: 1px solid #000;
	background: transparent url(../img/zwart_bitmap.gif) top right repeat;
    behavior: url(/css/png-opacity.htc);
	width: 200px;
	color: #999900;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	margin: 0;
	padding: 2px 2px 0 2px;
	}
div#menurechts2	    {
	vertical-align: top;
	border: 0;
	color: #B8D0DA;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	margin: 0;
	padding: 0;
	}
div#menurechts2 ul  {
	list-style: none;
	padding: 0;
    margin: 0;
    border: 0;
	}
div#menurechts2 li  {
	border-bottom: 1px solid #111;
	line-height: 1.4em;
	list-style: none;
    margin: 0; 
    padding: 0;
	}
div#menurechts2 a   {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
/*	font-variant: small-caps; */
	color: #999900;
	background: #000 url(../img/genres_block.gif) top left no-repeat;
	padding: 2px 6px 2px 20px;
	display: block;
	text-decoration: none;
	}
div#menurechts2 a:hover {
	color: #FFF;
	background: #999900 url(../img/genres_block_on.gif) top left no-repeat;
	padding: 2px 6px 2px 20px;
	display: block;
    
	}
div#menurechts2 #currentpage a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #FFF;
	background: transparent url(../img/genres_block.gif) top left no-repeat;
	padding: 2px 6px 2px 20px;
	line-height: 1.4em;
	display: block;
	text-decoration: none;
	}

/* Footer specs */
#foot               {
	text-align: center;
	vertical-align: top;
	width: 100%;
	height: 50px;
    margin: auto;
	}
#footer	            {
	border: 0;
	background: #000;
	color: #8B8B03;
	padding: 5px;
	clear: both;
	}
#footer p           {
	font-size: 11px;
	margin: 0;
	padding: 0;
	}
#footer p a:link, div#footer p a:visited {
	text-decoration: none;
	color: #d91f04;
	}
#footer p a:hover   {
	color: #FFF;
	}
/* FONT specs */
h1            {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #666600;
	font-size: 16px;
	font-weight: bold;
	margin: 0;
	padding: 0 0 5px 0;
	}
h2	        {
	font-weight: bold;
	font-size: 20px;
	color: #FFF;
	}
h3	        {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #999900;
	font-size: 14px;
	font-weight: bold;
	margin: 0;
	padding: 10px 0 5px 0;
	}
h4	        {
	font-weight: bold;
	font-size: 12px;
	color: #999900;
	}

hr  {border: 1px dotted #c0c0c0;}

.price	{
	color: #FF0000;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}

.verwij	{
	color: #FF0000;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

form                {
	margin: 0;
	padding: 0;
}
	
/* form deel REX */
INPUT               {border: 1px solid #919191; color: #2A1D49; font-family: verdana,helvetica,arial; font-size: 8pt;}
TEXTAREA            {border: 1px solid #919191; color: #2A1D49; font-family: verdana,helvetica,arial; font-size: 8pt;}
SELECT              {border: 1px solid #919191; color: #2A1D49; font-family: verdana,helvetica,arial; font-size: 8pt;}

.radiobutt          {border: 0px; color: #DF002C;}
.okbutt             {border: 1px solid #919191; background-color: #F6F6F6; color: #2A1D49; font-family: verdana,helvetica,arial; font-size: 8pt; font-weight: Bold;}

.advsearch a {
	color: #FFF;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
   text-decoration: none;
}

.advsearch a:hover {
   text-decoration: underline;
}