/* Algemeen */
body	{
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	letter-spacing: 1px;
	font-size:0.75em;
	background-color: #FFFFFF;
	max-width:1400px;
}
img	{
	border:0px;
}
img.middle	{
	vertical-align: middle;
	
}
img.thumbnail	{
	clear: both;
	padding: 5px;
}
img.thumbnailLeft {
	float: left;
	padding: 5px;
}
img.thumbnailRight {
	float: right;
	clear: right;
	padding: 5px;
}
img.thumbnailLeftExtra {
	float: left;
	padding: 0px 50px 0px 0px;
}
a	{
 	text-decoration:none;
}
a:link	{
	text-decoration:underline;
	font-weight: normal;
	
}
a:visited	{
	text-decoration:underline;
	font-weight: normal;
}
a:hover	{
	text-decoration:underline;
	color:#CC6600;
	font-weight: normal;
}
a:active	{
	text-decoration:none;
	color:#CC6600;
	font-weight:bold
}
.bordered {
	border: thin solid #CC6600;
	padding: 6px;
}

/*  END  - Algemeen */
/*  Indeling scherm */
#container { 
	margin: 0px 20px 0px 20px;  
	padding: 0px;
	min-width: 800px; 
	}
#intro { 
	margin: 0px;
	
	}
#pageHeader {
	margin-bottom: 20px;
	padding:0px;
}

#pageHeader h1	{
	color: #602700;
	font-size: 2.2em;
	position: absolute;
	top: 20px;
	right: 200px;
}
#pageHeader h2	{
	color: #CF7500;
	font-size: 1.5em;
	position: absolute;
	top: 55px;
	right: 20px;
}		

#menu {
	clear: both; 
	padding: 0px 0px 5px 0px;
	margin: 0px;
	}

#mainContent {
	position: relative;
	top: 5px;	
	float:left;
	width: 75%;
/*	width: 72%; */
	padding: 5px 5px 10px 10px;
	margin: 0px;
	background: url(/img/bg_gradient.gif) repeat-x;
	}

#mainContentSMALLSCR {
	position: relative;
	top: 5px;	
	float:left;
	width: 99%;
	padding: 5px 5px 10px 10px;
	margin: 0px;
	background: url(/img/bg_gradient.gif) repeat-x;
	}

#mainContentFull {
	position: relative;
	top: 5px;	
	float:left;
	width: 99%;
	padding: 5px 5px 10px 10px;
	margin: 0px;
	background: url(/img/bg_gradient.gif) repeat-x;
	}
	
#linkList {
	position: relative;
	top: 5px;	
	float:right;
	height:100%;
	width: 21%;
	margin: 0px;
	padding: 0px 5px 0px 5px;
}
#linkListSMALLSCR {
	position: relative;
	float:left;
	width: 99%;
	padding: 5px 5px 10px 10px;
	margin: 0px;
}

#contentList {
	background: url(/img/bg_gradient.gif) repeat-x;
	height:500px;
	padding: 5px 5px 0px 10px;
	margin: 0px 0px 0px 0px;
}

#contentListSMALLSCR {
	padding: 5px 5px 0px 10px;
	margin: 0px 0px 0px 0px;
}
/* shop.html */
#contentListSMALLSCR div.shop {
	width: 45%;
	float: left;
	margin: 0px 10px 10px 10px;
}
/* pages using linklist2 */
#contentListSMALLSCR div.ll2 {
	width: 30%;
	float: left;
	margin: 0px 10px 10px 10px;
}

a.logo, a:link.logo, a:visited.logo, a:active.logo	{
	font-size: 1.2em;
	color: #343D72;
	font-weight: bold;
	text-decoration:none;
}
a:hover.logo {
	font-size: 1.2em;
	color: #343D72;
	font-weight: bold;
	text-decoration:underline;
	
}

a.readmore, a:link.readmore, a:visited.readmore, a:active.readmore	{
	font-weight: bold;
	color: #CC6600;
	text-decoration:none;
	vertical-align:top;
	float: right;
	padding: 5px;	
}
a:hover.readmore {
	font-weight: bold;
	color: #CC6600;
	text-decoration:underline;
	vertical-align:top;
	float: right;
	padding: 5px;
}

#introduction	{
	background: url(/img/bg_gradient.gif) repeat-x;
	padding: 0px 15px 15px 15px;
	margin-right: 10px;
}
#footer { 
	text-align: center;
	color: #848282; 
	background: url(/img/dot.gif) repeat-x top;	
	
	}
#kolommen	{
	min-width:680px;
	background: url(/img/dot.gif) repeat-x top;
}

#kolommen th {
	text-align: left;
}

#kolommen td {
	vertical-align: top;
	
}
td.kolomBorderright, th.kolomBorderright {
	background: url(/img/dot.gif) repeat-y top right;
}
#kolommen th h3	{
	background: url(/img/dot.gif) repeat-x bottom;
	font-size: 0.9em;
	padding: 4px 0px 4px 0px;
}

/* opsommingen die GEEN links zijn */
#kolommen ul li.statement, #kolommen .kolomBorderRight ul li.statement {
	font-size: 1.0em;
	color:#000000;
	margin: 0px 0px 0px -20px;
	list-style-type: square;
	list-style-image: none;
}

#kolommen ol li.statement, #kolommen .kolomBorderRight ol li.statement {
	font-size: 1.0em;
	color:#000000;
	margin: 0px 0px 0px -15px;
	list-style-image: none;
}

/* tabellen */

table.tekstSmall	{
	font-size:0.85em;
}

table.tekstSmall tr.selected	{
	background-color:#F2F2F2;
}

table.tekstSmall th	{
	vertical-align:top;
	padding:0px 0px 0px 4px;
}

table.tekstSmall td	{
	vertical-align:top;
	padding:0px 0px 0px 4px;
}


/*  END  - Indeling scherm */
/*  menu  */

#menu a	{
	font-weight: bold;
	color:	#343D72;
	font-size: 0.95em; 
	border-right: 2px solid #343D72;
	text-decoration:none;
	padding: 0em 1.8em 0em 0.8em;	
}

#menu a.linkwf {
	font-weight: bold;
	color:	#343D72;
	font-size: 0.95em; 
	text-decoration:none;
	border-style: none;
	padding: 0em 1.8em 0em 0.8em;
/*	position: absolute;
	right: 20px;*/
}

#menu a.currentpage	{
	font-weight: bold;
	color:	#000000;
	font-size: 0.95em; 
	border-right: 2px solid #343D72;
	padding: 0em 1.8em 0em 0.8em;	
	background: url(/img/bg_gradient.gif) repeat-x;
}


#menu a:link, #menu a:visited, #menu a:active	{
	text-decoration:none;
}

#menu a:hover	{
	text-decoration:underline;
}

#menu a.currentpage:link, #menu a.currentpage:visited, #menu a.currentpage:active	{
	text-decoration:underline;
	background: url(/img/bg_gradient.gif) repeat-x;
}

#menu a.currentpage:hover	{
	text-decoration:none;
}
/*  Kaders Buy Now  */
div.kadersoranje .kadersoranjebox    { background-color: #F69B09; max-width: 250px; margin:0px auto;}
div.kadersoranje .top         	{ background: url(/img/pixel_oranje.gif) repeat-x; }
div.kadersoranje .top div     	{ background:  url(/img/hk_lb_oranje.gif) no-repeat top left; }
div.kadersoranje .top div div 	{ background:  url(/img/hk_rb_oranje.gif) no-repeat top right;  }
div.kadersoranje .bot        	{ background: url(/img/pixel_oranje.gif) repeat-x bottom; }
div.kadersoranje .bot div     	{ background:  url(/img/hk_lo_oranje.gif) no-repeat bottom left; }
div.kadersoranje .bot div div 	{ background:  url(/img/hk_ro_oranje.gif) no-repeat bottom right; }
div.kadersoranje .contentwrap 	{ border-left: 1px solid #F69B09; margin: 0; }
div.kadersoranje .content     	{ border-right: 1px solid #F69B09; margin: 0; padding:4px; }

/*  Kaders alleen rand  */
div.kadersoranje .kaderswitbox    { background-color: #FFFFFF; max-width: 250px;  }
div.kaderswitbox a, div.kaderswitbox a:link, div.kaderswitbox a:visited, div.kaderswitbox a:active    {
  color: #000000;
}
div.kadersoranje a:hover {
  color: #000000;
}
/* height and width stuff, width not really nessisary. */
div.kadersoranje .top div, div.kadersoranje .top, div.kadersoranje .bot div, div.kadersoranje .bot {
	width: 100%;
	height: 2px;
	font-size: 1px;
}
div.kadersoranje  {
	text-align: center;
	font-size: 1.0em;
}
div.kadersoranje a, div.kadersoranje a:link, div.kadersoranje a:visited, div.kadersoranje a:active	{
	font-weight: bold;
	vertical-align:top;
	color: #FFFFFF;
	text-decoration:underline;
	font-size: 1.4em;
}

div.kadersoranje a:hover	{
	font-weight: bold;
	vertical-align:top;
	color: #FFFFFF;
	text-decoration:none;
	
}
div.kadersoranje p	{
	margin: 0px;
	padding: 4px 0px 4px 0px;
}

a.oranje, a:link.oranje, a:visited.oranje, a:active.oranje {
	font-weight: bold;
	color: #CC6600;
	text-decoration:none;
}
a:hover.oranje {
	font-weight: bold;
	color: #CC6600;
	text-decoration:underline;
}



/* content */
div.floatrightsmall {
	float: right;
	width: 220px;
	padding: 0px 0px 0px 10px;
}
div.floatrightmedium {
	float: right;
	width: 300px;
	padding: 0px 0px 0px 10px;
}
div.floatleftsmall {
	float: left;
	width: 220px;
	padding: 0px 10px 0px 0px;
}
div.floatleftmedium {
	float: left;
	width: 300px;
	padding: 10px 10px 10px 10px;
}
#mainContent h3	{
	font-weight:bold;
	font-size: 0.85em;
	text-transform: uppercase;
	padding: 0px 0px 0px 5px;
	margin:0px;
	
}

#kolommen li, #kolommen .kolomBorderRight li {
	font-size: 1.0em;
	color: #CC6600;
	margin: 0px 0px 0px -20px;
	list-style-image: url(/img/arrowright.gif);
	
}

#orangelinks {
	clear:left;
}
#orangelinks li {
	font-size: 1.0em;
	color: #CC6600;
	margin: 0px 0px 0px -20px;
	list-style-image: url(/img/arrowright.gif);
	
}

li a	{
	font-weight: bold;
	color: #CC6600;
	text-decoration:none;
	vertical-align:top;	
}
li a:link, li a:visited, li a:active	{
	font-weight: bold;
	text-decoration:none;
	vertical-align:top;
}

li a:hover	{
	font-weight: bold;
	text-decoration:underline;
	vertical-align:top;
}

.dividerx, .dividerkolomx	{
	background: url(/img/dot.gif) repeat-x ;
	width:100%;
	height: 1px;
	font-size:0em;
}
.dividerkolomx	{
	width:97%;
	
}
.dividery	{
	background: url(/img/dot.gif) repeat-y;
	width:1px;
	height: 100%;
	
}

.title	{
	font-size: 1.2em;
	color: #CF7500;
	font-weight: bold;
}
.subtitle	{
	font-weight: bold;
}
.button	{
	float:right;
}
.buttonleft	{
	float:left;
}

.clrboth {
  clear: both;
}

.indent {
	margin-left: 20px;
}


#container a.GlassyButton, #container a.GlassyButton:link, #container a.GlassyButton:visited
{
  width:120px;
  height:46px;
  float:left;
  color:#fff;
  font-size:18px;
  font-weight:bold;
  text-decoration:none;
  font-family:Arial, Helvetica, sans-serif;
  text-align:center;
  line-height:46px;
  background-image:url(/img/button.png);
  background-color:#4982F7;
	margin-right:8px;
}
#container a.GlassyButton:active {
  background-color:#3B68C6;
	color:#fff;
	text-decoration:none;
}
#container a.GlassyButton:hover {
  background-color:#709EFF;
	color:#fff;
	text-decoration:none;
}


#container a.GlassyButtonWide, #container a.GlassyButtonWide:link, #container a.GlassyButtonWide:visited
{
  width:180px;
  height:46px;
  float:left;
  color:#fff;
  font-size:18px;
  font-weight:bold;
  text-decoration:none;
  font-family:Arial, Helvetica, sans-serif;
  text-align:center;
  line-height:46px;
  background-image:url(/img/buttonwide.png);
  background-color:#4982F7;
	margin-right:8px;
}
#container a.GlassyButtonWide:active {
  background-color:#3B68C6;
	color:#fff;
	text-decoration:none;
}
#container a.GlassyButtonWide:hover {
  background-color:#709EFF;
	color:#fff;
	text-decoration:none;
}