.m1 {font-weight:bold;text-align:center; background-color:#f7f7f8;border-left:1px solid #51a911; width:41px; border-collapse:collapse; height:30px; float:left;
}
.m2 {font-weight:bold;text-align:center; background-color:#ffffff;border-left:1px solid #51a911; width:41px; border-collapse:collapse; height:30px; float:left;
}
.vt {
	 color:#FFF; background: #51a911;
}
.ovt {
	 color:#000; background: #fc9;
}
div.growlUI { background: url(../../img/accepted_48.png) no-repeat 5px 5px }
div.growlUI h1, div.growlUI h2 { color: white; padding: 5px 5px 5px 75px; text-align: left }
div.growlUI h2 { font-size: medium }
#xsnazzy h1, #xsnazzy h2, #xsnazzy p {margin:0 6px; letter-spacing:2px; padding:0; text-shadow:#000;}
#xsnazzy h1 {font-size: 19px; color:#666;}
#xsnazzy h2 {font-size: 14px;color:#060; border:0;}
#xsnazzy p {padding-bottom:0.5em;}
#xsnazzy h2 {padding-top:0.5em; font-weight:normal;}
#xsnazzy h3 {padding:7px; background-color:#FFC; border: solid 1px #F90; letter-spacing:1px;}
#xsnazzy {background: transparent; margin:3px 3px 3px 3px; }
.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#f7fef5; border-left:0px solid #0C0; border-right:0px solid #0C0;}
.xb1 {margin:0 5px; background:transparent;}
.xb2 {margin:0 3px; border-width:0 1px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}
.xboxcontent {display:block; background:#f7fef5; border:0 solid #0C0; border-width:0 0px;}

#xsnazzy_ h1, #xsnazzy_ h2, #xsnazzy_ p {margin:0 6px; letter-spacing:2px; padding:0;}
#xsnazzy_ h1 {font-size: 19px; color:#666;}
#xsnazzy_ h2 {font-size:2em;color:#060; border:0;}
#xsnazzy_ p {padding-bottom:6px;}
#xsnazzy_ h2 {padding-top:6px;}
#xsnazzy_ {background: transparent; margin:3px 3px 3px 3px; }
.xtop_, .xbottom_ {display:block; background:transparent; font-size:1px;}
.xb1_, .xb2_, .xb3_, .xb4_ {display:block; overflow:hidden;}
.xb1_, .xb2_, .xb3_ {height:1px;}
.xb2_, .xb3_, .xb4_ {background:#fff; border-left:1px solid #519e11; border-right:1px solid #519e11;}
.xb1_ {margin:0 5px; background:#519e11;}
.xb2_ {margin:0 3px; border-width:0 2px;}
.xb3_ {margin:0 2px;}
.xb4_ {height:2px; margin:0 1px;}
.xboxcontent_ {display:block; background:#fff; border:0 solid #519e11; border-width:0 1px;}

span#myspan
{
margin-left:20px;
}

#slider{width:470px;height:350px;position:relative;overflow:hidden; border: 1px solid #CCC;}#mask-gallery{overflow:hidden;}#gallery{list-style:none;margin:0;padding:0;z-index:0;width:900px;overflow:hidden;}#gallery li{float:left;}#mask-excerpt{position:absolute;top:0;left:0;z-index:500px;width:155px;overflow:hidden;}#excerpt{filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8;list-style:none;margin:0;padding:0;z-index:10;position:absolute;top:0;left:0;width:155px;background-color:#FFC;overflow:hidden;font-family:arial;font-size:14px;color:#000;}#excerpt li{padding:5px;}#excerpt li a{font-weight: bold; font-size:15px; letter-spacing:3px;}#excerpt h3{font-weight: bold; font-size:12px; color:#090; letter-spacing:3px;}.clear{clear:both;}

#side2{background:#f0f0f0;border:solid 2px #519e11;border-width:1px 0 0 1px;height:15px;width:260px;position:fixed;bottom:0;right:0;padding:2px 5px;overflow:hidden;-webkit-border-top-left-radius:12px;-moz-border-radius-topleft:12px;border-top-left-radius:12px;-moz-box-shadow:-3px -3px 3px rgba(0,0,0,0.5);-webkit-box-shadow:-3px -3px 3px rgba(0,0,0,0.5);box-shadow:-3px -3px 3px rgba(0,0,0,0.5);}
#side2 a{float:left;width:32px;margin:3px 2px 2px 2px;padding:0;}
#side2 span{float:left;margin:2px 3px;text-shadow:1px 1px 1px #FFF;color:#444;font-size:12px;}
.badgelist{width:25%;float:right;margin:0 1em 1em 1em;}
.badgelist li{float:left;margin:3px;}
#side {
  width: 48px;
  margin-left: 978px;
  bottom: 160px;
  position: fixed;
  z-index:5000;
}
#basket {
  border: solid 1px silver;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  padding: 3px;
  background: white;
  position: absolute;
  text-align:center;
}
#basket h3 {
  margin: 0 0 15px 0;
}
#basket p { margin: 2px 0 0 0; text-align: center; font-size: 1.2em; }

#floatMenu {
		position:absolute;
		top:150px;
		margin-left:785px;
		width:60px;
		}

#gamesHolder { background: url(../../img/shadow_bottom.jpg) no-repeat center 295px; padding: 5px; margin-top: -4px; width: 755px;  }
#header { position: relative; height: 120px; }
#header h1 { position: absolute; top: 2px; left: 2px; color: #333333; font-size: 70px; }
#header .h1 { color: #f3f3f3; top: 0px; left: 0px; }
#header h2 { position: absolute; top: 82px; left: 2px; color: #333333; font-size: 30px; }
#header .h2 { top: 80px; left: 0px;  color: #f3f3f3; }
#header h1, #header h2 { margin: 0; padding: 0; font-family: Georgia; font-weight: normal; }
.holder {
	background: url(../../img/shadow_bottom.jpg) no-repeat center bottom; padding: 17px 5px; }
.text { background-color: #f3f3f3; padding: 30px; margin-top: 10px; line-height: 20px; overflow: hidden; zoom: 1; }
.holder h2 { font-family: Georgia; margin: 0; padding: 0px 0px 15px 0px; }
code { display: block; background-color: #fff; padding: 10px; overflow: auto; }
pre { margin: 10px 0px; padding: 0; }

.coin-slider { overflow: hidden; zoom: 1; position: relative;  }
.coin-slider a{ text-decoration: none; outline: none; border: none; }

.cs-buttons { font-size: 0px; padding: 10px; float: left; }
.cs-buttons a { margin-left: 5px; height: 10px; width: 10px; float: left; border: 1px solid #B8C4CF; color: #B8C4CF; text-indent: -1000px; }
.cs-active { background-color: #B8C4CF; color: #fff; }

.cs-title { width: 450px; padding: 10px; background-color: #FFF; color: #333; margin-left:0px; margin-bottom:0px; font-size:11px;}
.cs-title h2 { font-size:14px; letter-spacing:2px; color:#519e11; margin-bottom:3px;}
.cs-title a { font-size:13px; letter-spacing:2px; color:#519e11;}

.cs-prev, 
.cs-next { background-color: #000; color: #fff; padding: 0px 10px; }

.dow { 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border-radius: 5px;
	-moz-box-shadow: 0 0 5px #ccc;
	-webkit-box-shadow: 0 0 5px #ccc;
	box-shadow: 0 0 5px #ccc;
	-moz-text-shadow: 0 1px 1px #ccc;
    -webkit-text-shadow: 0 1px 1px #ccc;
    text-shadow: 0 1px 1px #ccc;    
    background-color: #76a7db;
    color: white;
    font-size: 18px;
    line-height: 50px;
    width: 200px;
    text-align: center;
    float: left;
    margin-left: 5px;
    text-decoration: none;
} 
table.tablesorter {
	font-family:arial;
	background-color: #fff;
	margin:10px 0pt 15px;
	width: 100%;
	text-align: left;
	border-collapse: collapse;

}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: #f0f0ff;
	border: 0px solid #FFF;
	padding: 4px;
}
table.tablesorter thead tr .header {
	background-image: url(../../img/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
	
}
table.tablesorter tbody td {
	color: #3D3D3D;
	background-color: #FFF;
	vertical-align: top;
		border: 1px solid #e5e5e5;

}
table.tablesorter tbody tr.odd td {
	background-color:#f7fef5;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url(../../img/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(../../img/desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
background-color: #519e11;
color:#FFF;
}
#news-container
{
	width: 175px;
	height: 275px; 
	margin: auto;
	margin-bottom:15px;
}

#news-container ul li div
{
	padding: 0px;

}
div.mydiv{
padding:8px;
border-bottom: 1px solid #519e11;
border-top: 1px solid #519e11;
border-left: 1px solid #519e11;
border-right: 1px solid #519e11;
background-color:#519e11;
border-collapse: collapse;
font-weight:700;
margin-bottom:10px;
color:#FFF;
}

div.mydiv2{
padding:8px;
border-bottom: 1px solid #f60;
border-top: 1px solid #f60;
border-left: 1px solid #f60;
border-right: 1px solid #f60;
background-color:#f60;
border-collapse: collapse;
font-weight:700;
margin-bottom:10px;
color:#FFF;
}

/* CSS for All the Menus START */
ul.ws_css_cb_menu {
	font:bold 13px "Segoe UI", Arial, Helvetica, sans-serif;
	display:block;
	float: left;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-topleft: 0px;
	-webkit-border-top-right-radius: 0px;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-top-left-radius: 0px;
	
	
}
ul.ws_css_cb_menu li {
	display:block;
	margin:0px 0px 0px 0px;
	float:left;
	
}
ul.ws_css_cb_menu a:hover ul, ul.ws_css_cb_menu a:hover a:hover ul, ul.ws_css_cb_menu a:hover a:hover a:hover ul {
	display:block;
}
ul.ws_css_cb_menu a {
	display:block;
	vertical-align:middle;
	border-width:0px;
	border-color:#6655ff;
	border-style:solid;
	padding:2px;
	_padding-left:0;
	color: #444444;
	text-decoration:none;
	text-align:left;
}
ul.ws_css_cb_menu span {
	overflow:hidden;
}
ul.ws_css_cb_menu li a:hover, ul.ws_css_cb_menu li a {
	padding:9px;
	color:#763319;
}
ul.ws_css_cb_menum li a:hover, ul.ws_css_cb_menum li a {
	padding:5px;
	font-weight: normal;
	color: #000;
}
ul.ws_css_cb_menu ul {
	position: absolute;
	left:-110px;
	top:100%;
	width:160.65px;
	background-color:#fff;
}
ul.ws_css_cb_menu ul ul {
	position: absolute;
	left:100%;
	top:-2px;
}
ul.ws_css_cb_menu, ul.ws_css_cb_menu ul {
	margin:0px;
	list-style:none;
	padding:0px 2px 2px 0px;
}
ul.ws_css_cb_menu a:active, ul.ws_css_cb_menu a:focus {
	outline-style:none;
}
ul.ws_css_cb_menu ul li {
	float: left;
	width: 250px;
}
ul.ws_css_cb_menu ul a {
	white-space:nowrap;
	text-align:left;
}
ul.ws_css_cb_menu li:hover {
	position:relative;
}
ul.ws_css_cb_menu li:hover>a {
	background-color:#fff;
	color: #000;
	border-color:#665500;
	border-style:solid;
	text-decoration:none;
}
ul.ws_css_cb_menu li a:hover {
	position:relative;
	background-color:#f0f0f0;
	color: #000;
	text-decoration:none;
	border-color:#665500;
	border-style:solid;
}
ul.ws_css_cb_menum li a:hover {
	background-color: #ffc000
}

ul.ws_css_cb_menu ul, ul.ws_css_cb_menu a:hover ul ul {
	display:none;
	z-index:99999;
}
ul.ws_css_cb_menu li:hover>ul {
	display:block
}
ul.ws_css_cb_menu span {
	display:block;
	padding-right:11px;
	
}
/* CSS for TABLE Tags for IE 6 and Lower START */
ul.ws_css_cb_menu li a table, ul.ws_css_cb_menu li a:hover table {
	border-collapse:collapse;
	margin:-4px 0px 0px -9px;
	border:0px;
	padding:0px;
}
ul.ws_css_cb_menu li a table tr td, ul.ws_css_cb_menu li a:hover table tr td {
	padding:0px;
	border:0px;
}
ul.ws_css_cb_menu li a table ul, ul.ws_css_cb_menu li a:hover table ul {
	border-collapse:collapse;
	padding:0px;
	margin:-4px 0px 0px -9px;
}

/* CSS for TABLE Tags for IE 6 and Lower END */
/* CSS for All the Menus END */
 
ul.videoCssMenu {
	font-size: 17px;
	-moz-border-radius: 0px;
	-webkit-border:0px;
	font-weight: bold;
	border-bottom-width:0px;
	background-color:white;
	padding:5px;
	padding-left:15px;
	width:700px;
	border:0px solid #fff;
	
	
	
	}
ul.videoCssMenu .videoMenuTitleImage {
	margin: 0px 0px 0px 0px;
	width:79px;
	height:35px;
}
ul.videoCssMenu ul {
	background-color: #c3de6c;
	border: 0px #e5e5e5 solid;
	  -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px;
  -moz-box-shadow:2px -2px 2px rgba(0,0,0,0.5);
			-webkit-box-shadow:2px 2px 2px rgba(0,0,0,0.5);
			box-shadow:-2px 2px 2px rgba(0,0,0,0.5);
}
ul.videoCssMenu li a {
	padding:5px !important;
	margin-right:25px;
	color:#519e11;
-webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px;
}
ul.videoCssMenu ul li a {
	color: #333;
	margin-right:-2px;
-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}
ul.videoCssMenu ul li {
	width:230px;
	float: left;
	height: 22px;
    color: #519e11;
	font-size:11px;

}
ul.videoCssMenu li:hover>a, ul.videoCssMenu li a:hover {
	background-color:#519e11;
	border:#519e11;
	padding:5px !important;
	color:#fff;
	font-weight:bold;
	background-image:url(../../img/arrdwn.gif);
	background-repeat:no-repeat;
	background-position:bottom;
}
ul.videoCssMenu li ul li:hover>a, ul.videoCssMenu li ul li a:hover {
	background-color:#519e11;
	border-color:#ccc 1px solid;
	padding:5px !important;
	color:#fff;
	background-image: none;
}

.postShare {
background: white;
border-bottom-left-radius: 10px 10px;
border-bottom-right-radius: 10px 10px;
border-top-left-radius: 10px 10px;
border-top-right-radius: 10px 10px;
right: -62px;
padding: 0px 10px 10px;
position: absolute;
visibility: hidden;
width: 50px;
}

div.teaser {
height: 125px;
float:left;
margin: 0px 0px 0px 0px;
width: 125px;
}

div.teaser2 {
height: 130px;
margin: 0px 0px 0px 0px;
width: 130px;
}

  
.quantity_box_button_down, .quantity_box_button_up {
background-color: #CCC;
background-image: url(../../img/down_small.gif);
border: 1px solid #000;
height: 27px;
}
.quantity_box_button_up {
background-image: url(../../img/up_small.gif);
}
.quantity_box_button {
background-position: 50% 50%;
background-repeat: no-repeat;
height: 10px;
vertical-align: middle;
width: 10px;
}
.quantity_box_button_down:hover, .quantity_box_button_up:hover {
background-color: #519e11;
border: 1px solid #000;
background-position: 50% 50%;
background-repeat: no-repeat;
height: 10px;
vertical-align: middle;
width: 10px;
}

#myGallery, #myGallerySet, #flickrGallery {
height: 276px;
overflow: hidden;
width: 1000px;
z-index: 5;
}

div#containerbox          { width: 90%; }
div.rounded-corners    { background: url(../../img/rounded.gif) right bottom no-repeat; }
div.rounded-header     { background: url(../../img/rounded.gif) right top no-repeat; }
div.rounded-content    { overflow: hidden; width: 90%; background: url(../../img/rounded.gif) left bottom no-repeat; padding: 10px 0 20px 10px; }
div.rounded-header h2  { color: #fff; margin: 0 20px 0 0; padding: 10px 0 10px 10px; background: url(../../img/rounded.gif) left top no-repeat; }
img.floated            { float: left; margin-right: 10px; }


div.floating761 {
width: 700px;
}
div.productteaser182px {
float: left;
height: 252px;
margin: 0px 20px 10px 0px;
width: 180px;
}
div.background {
position: absolute;
z-index: 1;
}
.area {
display: block;
}
div.name {
font-weight: bold;
height: 34px;
min-height: 34px;
overflow: hidden;
padding: 3px 5px 0px;
position: relative;
z-index: 9;
}
div.price {

font-size: 140%;
height: 31px;
min-height: 31px;
padding: 0px 30px 0px 0px;
text-align: right;
}
div.productImage_splOffer {
height: 180px;
min-height: 180px;
width: 180px;
}
img {
background: transparent;
border: 0px solid;
}
div.cutOverflow {
overflow: hidden;
width: 100%;
}
.SalefloatTop {
float: left;
position: absolute;
}
.productImage {
float: right;
margin-bottom: 5px;
min-height: 52px;
text-align: left;
vertical-align: middle;
}

#page0 pre {
  background:#DDD;
  border:dashed #A00 1px;
  padding-left:1em;
}
/* tab styles */
#tabrow {
 margin:0;
 padding-left:1ex;
 font-size:small;
 letter-spacing:0.3pt;
 line-height:1;
 height:24px;
}

#tabrow ul {
  margin:0;
  padding:0;
  list-style:none;
  position:absolute;
  z-index:2;
}

#tabrow li {
  float:left;
  background-color:#F7B10F;
  color:#000;
  margin-right:5px;
  padding:5px;
  -webkit-border-top-left-radius:5px;
  -webkit-border-top-right-radius:5px;
  -moz-border-radius-topleft:5px;
  -moz-border-radius-topright:5px;
  border-top:solid #96460F 1px;
  border-left:solid #96460F 1px;
  border-right:solid #96460F 1px;
  border-bottom-width:0;
  border-bottom-color:transparent;
  cursor:pointer;
}

#tabrow li.select {
 background-color:#FFF6D5;
 color:#763509;
 height:14px;
}

/* page styles */
#topbox, #midbox {
  width:100%;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
#topbox {
  background-color:#FFF1C7;
  border: solid #96460F 1px;
  margin-bottom:2em;
}
#midbox {
  border: solid #96460F 1px;
  background-color:#FFF6D5;
}
#midbox p {
  margin:0;
  padding-bottom:1ex;
}
h1 {
  font-size:x-large;
  color:#d18846;
}
h2 {
  color:#000;
  font-size:large;
  font-family:"Segoe UI", Arial, Helvetica, sans-serif;
}
h1, #topbox h2 {
  margin:0 15pt;
  padding: 5pt 0;
}
div.subpage {
  padding:1em;
}



/* End Styles */
#SMBadges {
background-color: #FF0;
border-bottom: 0px solid #519e11;
border-bottom-left-radius: 3px 3px;
border-left: 2px solid #519e11;
border-right: 0px solid white;
border-top: 2px solid #519e11;
border-top-left-radius: 3px 3px;
border-right: 0px;
margin-top: 395px;
margin-right: 0px;
padding:4px;
position: absolute;
width: auto;
z-index: 120;

}
#SMBadges.fixed {
position: fixed;
bottom: 0px;
right:0px;

}






.sidebox {
	margin: 0 auto; /* center for now */
	background: url(../../img/sbbody-r.gif) no-repeat bottom right;
	font-size: 100%;
}
.boxhead {
	background: url(../../img/sbhead-r.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: left;
}
.boxhead h2 {
	background: url(../../img/sbhead-l.gif) no-repeat top left;
	margin: 0;
	padding: 15px 21px 5px;
	color: #FFF; 
	font-size: 11px; 
	line-height: 1em;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}
.boxbody {
	background: url(../../img/sbbody-l.gif) no-repeat bottom left;
	margin: 0;
	padding: 5px 21px 20px;
	font-size:11px;
}




div#nifty{ margin: 0 0 2px 1%;background: #ffff66; width:100%; float:left;
}
div#niftyi{ margin: 2% 2% 2% 2%;background: #ffff66; padding: 2px; font-size:11px;  }

b.rtop, b.rbottom{display:block;background: #FFF}
b.rtop b, b.rbottom b{display:block;height: 1px;
    overflow: hidden; background: #ffff66}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}

h8{
color: #ffff00;
font-weight: bold;
text-decoration: none; font-size:12px;
background-image:url(../../img/heading_small.gif);
		background-position:top left;
		background-repeat:repeat-x;
		padding:4px;
		line-height: 22px;
}


#popup {
    position: absolute;
	z-index:auto;
    visibility: hidden;
    border: 1px dotted #519e11;
    width: 450px;
    filter: alpha(opacity=90); -moz-opacity: 0.90; opacity: 0.90;
    background-color: #FF6;
    padding: 2px;
    color: #000;
    font-size: 12px;
    }
ul.makeMenu, ul.makeMenu ul {
  width: 500;                 /* sets the size of the menu blocks */
  border: 1px solid #000;      /* puts a black border around the menu blocks */
  background-color: #8aa;      /* makes the menu blocks mint green - a bg-color MUST be included for IE to work properly! */
  padding-left: 0px;           /* stops the usual indent from ul */
  cursor: default;             /* gives an arrow cursor */
  margin-left: 0px;            /* Opera 7 final's margin and margin-box model cause problems */
}
ul.makeMenu li {
  list-style-type: inline;       /* removes the bullet points */
  margin: 0px;                 /* Opera 7 puts large spacings between li elements */
  position: relative;          /* makes the menu blocks be positioned relative to their parent menu item
                                  the lack of offset makes these appear normal, but it will make a difference
                                  to the absolutely positioned child blocks */
  color: #000;                 /* sets the default font colour to white */
    z-index: 4; 

}
ul.makeMenu li > ul {          /* using the > selector prevents many lesser browsers (and IE - see below) hiding child ULs */
  display: none;               /* hides child menu blocks - one of the most important declarations */
  position: absolute;          /* make child blocks hover without leaving space for them */
  top: 0px;                    /* position slightly lower than the parent menu item */
  left: 172px;                  /* this must not be more than the width of the parent block, or the mouse will
                                  have to move off the element to move between blocks, and the menu will close */
  z-index: 4; 
}


ul.makeMenu li:hover, ul.makeMenu li.CSStoHighlight {
  background-color: #ffa;      /* gives the active menu items a yellow background */
  color: #000;                 /* makes the active menu item text black */ 
}
ul.makeMenu ul.CSStoShow {     /* must not be combined with the next rule or IE gets confused */
  display: block;              /* specially to go with the className changes in the behaviour file */
}
ul.makeMenu li:hover > ul {    /* one of the most important declarations - the browser must detect hovering over arbitrary elements
                                  the > targets only the child ul, not any child uls of that child ul */
  display: block;              /* makes the child block visible - one of the most important declarations */
}
/* and some link styles */
ul.makeMenu li a { color: #fff; display: block; width: 100%; text-decoration: underline; }
ul.makeMenu li a:hover, ul.makeMenu li a.CSStoHighLink { color: #000; }
ul.makeMenu li:hover > a { color: #000; } /* supports links in branch headings - should not be display: block; */
</style>
<!--[if gt IE 5.0]><![if lt IE 7]>
<style type="text/css">
/* that IE 5+ conditional comment makes this only visible in IE 5+ */
ul.makeMenu li {  /* the behaviour to mimic the li:hover rules in IE 5+ */
  behavior: url( IEmen.htc );
}
ul.makeMenu ul {  /* copy of above declaration without the > selector, except left position is wrong */
  z-index: 1; 
  display: none; position: absolute; top: 2px; left: 78px;
}



ul#ingredient-list-mini { list-style: none; margin: 0; padding: 0; 	z-index:2;
}

#ingredient-list-mini li { width: 88px; height: 88px; background:url(../../img/bg-ingredient-list-mini.gif) top center no-repeat; text-align:center; z-index:0; margin-bottom:10px; }
#ingredient-list-mini li:hover { background:url(../../img/bg-ingredient-list-mini-hover2.gif) top center no-repeat; }
#ingredient-list-mini li img { padding: 3px 3px 0 3px; z-index:0; margin-top:3px;}
#ingredient-list-mini li a { font: 11px arial; background-color:#FFF;}
#ingredient-list-mini li a strong { display: block; text-align: center; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
#ingredient-list-mini li a:hover { color: #519e11; background-color:#FFF; }
#ingredient-list-mini li.last { margin-right: 0; }
#ingredient-list-mini li a span { display: none; }

fieldset { 
  border:1px solid; border-color:#f0f0f0 #A3A3A3 #A3A3A3 #f0f0f0;
  padding: 6px;
  background-color:#f9f9ff;
  -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
  -moz-box-shadow:1px -1px 1px rgba(0,0,0,0.5);
			-webkit-box-shadow:1px 1px 1px rgba(0,0,0,0.5);
			box-shadow:-1px 1px 1px rgba(0,0,0,0.5);
}

legend {
  padding-left: 12px;
  padding-right: 12px;
  padding-bottom: 4px;
  padding-top: 4px;
  margin-left:-10px;
  font-size: 12px;
  font-weight:bold;
  background:#519e11; color:#fff;
  border:1px solid #fff; border-color:#e5e5c3 #A3A3A3 #A3A3A3 #e5e5c3;
  	-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;

}
.aanraderfloatTop{
BACKGROUND: url(../../img/aanraderfl.png) no-repeat;
background: url(../../img/aanraderfl.png) no-repeat;
background-image: url(../../img/aanraderfl.png);
}

.aanraderfloatTopFR{
BACKGROUND: url(../../img/aanraderfrfl.png) no-repeat;
background: url(../../img/aanraderfrfl.png) no-repeat;
background-image: url(../../img/aanraderfrfl.png);
}
.newfloatTopFR{
BACKGROUND: url(../../img/newflfr.png) no-repeat;
background: url(../../img/newflfr.png) no-repeat;
background-image: url(../../img/newflfr.png);
}
.newfloatTop{
BACKGROUND: url(../../img/newfl.png) no-repeat;
background: url(../../img/newfl.png) no-repeat;
background-image: url(../../img/newfl.png);
}
.newfloatTopFR, .newfloatTop, .aanraderfloatTop, .aanraderfloatTopFR{
POSITION: absolute;
WIDTH: 65px;
DISPLAY: block;
HEIGHT: 54px;
TEXT-DECORATION: none;
background-repeat-x: no-repeat;
background-repeat-y: no-repeat;
background-attachment: initial;
background-position-x: initial;
background-position-y: initial;
background-origin: initial;
background-clip: initial;
background-color: initial;
}
.plantfloat{
BACKGROUND: url(../../img/plant-icon.gif) no-repeat bottom left;
background: url(../../img/plant-icon.gif) no-repeat bottom left;
background-image: url(../../img/plant-icon.gif);
}
.seedfloat{
BACKGROUND: url(../../img/seed-icon.gif) no-repeat bottom left;
background: url(../../img/seed-icon.gif) no-repeat bottom left;
background-image: url(../../img/seed-icon.gif);
}
.bulbfloat{
BACKGROUND: url(../../img/bulb-icon.gif) no-repeat bottom left;
background: url(../../img/bulb-icon.gif) no-repeat bottom left;
background-image: url(../../img/bulb-icon.gif);
}
.plantfloat, .seedfloat, .bulbfloat{
POSITION: absolute;
WIDTH: 95px;
DISPLAY: block;
HEIGHT: 158px;
TEXT-DECORATION: none;
opacity:0.7;
filter:alpha(opacity=70); /* For IE8 and earlier */;
background-repeat-x: no-repeat;
background-repeat-y: no-repeat;
background-attachment: initial;
background-position-x: 3px;
background-position-y: 140px;
background-origin: initial;
background-clip: initial;
background-color: initial;
}

#container {
	width: 980px;
	border: 0px solid #519e11;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	padding: 0px; /*10px;*/
	background-color: white;
}
#header {
	padding: 0px;
	margin: 0px;
	background-color: white;
	text-align: left;
}
#content {
	margin-left: 255px;
	padding-bottom: 3px;
	padding-top: 3px;
	padding-left: 6px;
	padding-right: 6px;
	background-color: white;
	float: right; 
	width: 770px; 
	margin: 0 0 10px 0; 
	display: inline; 
	overflow: hidden;
	position: inherit;
    margin-top: 0px;
}
#content2 {
	margin-left: 15px;
	padding-bottom: 3px;
	padding-top: 3px;
	padding-left: 10px;
	padding-right: 6px;
	background-color: white;
	float: left; 
	width: 960px; 
	margin: 0 0 10px 0; 
	display: inline; 
	overflow: hidden;
	position: inherit;
    margin-top: 0px;
}
#menu {
	float: left;
	width: 140px;
	margin: 0;
	margin-right: 5px;
	margin-top: 0px;
	padding-left: 10px;
	padding-top: 25px;
	background-color: white;
}
#footer {
	clear: both;
	padding: 5px;
	margin-top: 2px;
	background-color: #f5f5f5;
	text-align: center;
	background:url(../../img/bg-grass.gif) bottom left repeat-x;
    padding-top:20px;
    padding-bottom:2px;
    height:25px;
    text-align:center;
}

/* THE LEFT MENU */

.celtop {
	background-color: #519e11;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
	color:white;
}
.wittepixeltop{	
	background-color: #519e11;	
}
.navlistheader{
	font-size: 12px;
	letter-spacing: 1px;
	color:#fff;
	font-weight:normal;
}

ul#navlistpr,ul#navlist,ul#navlistgreen
{
	width: 172px;
	padding: 0px;
	border: 1px solid #519e11;
	border-top: 1px solid #519e11;
	border-left: 1px solid #519e11;
	margin-bottom: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	font: 12px "Segoe UI", Arial, Geneva, sans-serif;
	background: #f0f1e8;
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
}

ul#navlistpr li
{
	list-style: none;
	background-color:#f0f1e8;
	margin: 3px;
	border-bottom: 1px #fff dotted;
	
/*	border-top: 1px solid #519e11;
*/}

ul#navlist
{
	background: #fff;
}

ul#navlist li
{
	list-style: none;
	background-color:#eceeed;
	margin: 0px;
	border: 0px;
	background: #fff;
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
}

ul#navlist li a
{
	display: block;
	width: 163px;
	padding: 3px 6px 3px 3px;
	border-left: 0px solid #519e11;
	text-decoration: none;
	text-align: right;
	color: #519e11;
}

ul#navlist li a:hover
{
	border-color: #519e11;
	color:#fff  ;
	width: 163px;
    background-color:#519e11;
	font: 12px "Segoe UI", Arial, Geneva, sans-serif;
	font-weight:bolder;
}


ul#navlistgreen
{
	background: #fff;
}

ul#navlistgreen li
{
	list-style: none;
	background-color:#519e11;
	margin: 0px;
	border: 0px;
	background: #fff;
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
/*	border-top: 1px solid #519e11;
*/}

ul#navlistgreen li a
{
	display: block;
	width: 163px;
	padding: 3px 6px 3px 3px;
	border-left: 0px solid #519e11;
	text-decoration: none;
	text-align: right;
	color: #519e11;
}

ul#navlistgreen li a:hover
{
	border-color: #519e11;
	color:#519e11  ;
	width: 163px;
    background-color:#ffff00;
	font: 12px "Segoe UI", Arial, Geneva, sans-serif;
}



ul#navlistww1
{
	width: 172px;
	padding: 0px;
	border: 1px solid #519e11;
	border-top: 1px solid #519e11;
	border-left: 1px solid #519e11;
	margin-bottom: 9px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	font: 13px "Segoe UI", Arial, Geneva, sans-serif;
	background: #fff;
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
}

ul#navlistww1 li
{
	list-style: none;
	background-color:#eceeed;
	margin: 0px;
	border: 0px;
	background: #fff;
	background: #fff;
	background-image: url(../../img/shopcartempty.gif);
	background-repeat:no-repeat;
	background-position:top left;
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
/*	border-top: 1px solid #519e11;
*/}

ul#navlistww1 li a
{
	display: block;
	width: 162px;
	padding: 3px 6px 3px 3px;
	border-left: 0px solid #519e11;
	text-align: right;
	color: #519e11;
	font: 14px "Segoe UI", Arial, Geneva, sans-serif;
}

ul#navlistww1 li a:hover
{
	border-color: #519e11;
	color:#519e11  ;
	width: 162px;
    background-color:#e5f0cf;
	font: 14px "Segoe UI", Arial, Geneva, sans-serif;
	background-image: url(../../img/shopcartempty.gif);
	background-repeat:no-repeat;
	background-position:top left;
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
}

ul#navlistww
{
	width: 172px;
	padding: 0px;
	border: 1px solid #519e11;
	border-top: 1px solid #519e11;
	border-left: 1px solid #519e11;
	margin-bottom: 9px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	font: 14px "Segoe UI", Arial, Geneva, sans-serif;
	background: #519e11;
	color:#FFF;
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
}

ul#navlistww li
{
	list-style: none;
	background-color:#eceeed;
	margin: 0px;
	border: 0px;
	background: #FF6;
	background-image: url(../../img/shopcart.gif);
	background-repeat:no-repeat;
	background-position:top left;
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
	
/*	border-top: 1px solid #519e11;
*/}

ul#navlistww li a
{
	display: block;
	width: 163px;
	padding: 3px 6px 3px 3px;
	border-left: 0px solid #519e11;
	text-decoration: none;
	text-align: right;
	color: #519e11;
	font: 14px "Segoe UI", Arial, Geneva, sans-serif;
}

ul#navlistww li a:hover
{
	border-color: #519e11;
	color:#519e11  ;
	width: 163px;
    background-color:#FF3;
	font: 14px "Segoe UI", Arial, Geneva, sans-serif;
	background-image: url(../../img/shopcart.gif);
	background-repeat:no-repeat;
	background-position:top left;
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
}

ul#navlist2
{
	width: 193px;
	padding: 0px;
	border: 1px solid #519e11;
	border-top: 0px;
	margin: 0px;
	font: 12px "Segoe UI", Arial, Geneva, sans-serif;
	background: #ffff00;
}

ul#navlist2 li
{
	list-style: none;
	margin: 0px;
	border: 0px;
	border-top: 1px solid #519e11;
}
ul#navlist2 li a
{
	display: block;
	width: 160px;
	padding: 4px 9px 4px 8px;
	border: 0px;
	border-left: 17px solid #5CB390;
	text-decoration: none;
	text-align: right;
	color: #519e11;

}
ul#navlist2 li a:hover
{
	border-color: #519e11;
	color: #FF6 ;
	border-left: 17px solid #eceeed;
    background-color:#519e11;
	font: 12px "Segoe UI", Arial, Geneva, sans-serif;

}

ul#navlistinfo
{
	width: 163px;
	padding: 4px;
	border: 1px solid #519e11;
	border-top: 1px solid #519e11;
	margin-bottom: 12px;
	margin-top: 0px;
	font: 11px "Segoe UI", Arial, Geneva, sans-serif;
	background: #cf6;
	list-style: none;
}


ul#navlist3
{
	width: 193px;
	padding: 0px;
	border: 1px solid #519e11;
	border-top: 1px solid #519e11;
	margin: 0px;
	font: 12px "Segoe UI", Arial, Geneva, sans-serif;
	font-weight:bold;
	background: #fff;
}

ul#navlist3 li
{
	list-style: none;
	background-color:#EAEEEED;
	margin: 0px;
	border: 0px;
/*	border-top: 1px solid #519e11;
*/}

ul#navlist3 li a
{
	display: block;
	width: 160px;
	padding: 4px 9px 4px 8px;
	border: 0px;
	border-left: 17px solid #5CB390;
	text-decoration: none;
	text-align: right;
	color: #519e11;

}

ul#navlist3 li a:hover
{
	border-color: #519e11;
	color:#519e11  ;
	border-left: 16px solid #fff;
	border-right: 1px solid #519e11;

    background-color:#FF6;
		font: 12px "Segoe UI", Arial, Geneva, sans-serif;

}


/* THIS IS USED TO DISPLAY A SELECTED GROUP IN THE MENU */
#active a:link, #active a:visited, #active a:hover
{
	border-color: #519e11;
	color: #519e11;
	background-color:#fff;
	font: 12px "Segoe UI", Arial, Geneva, sans-serif;


}
#activetop a:link, #activetop a:visited, #activetop a:hover
{
	border-color: #FF6;
	border-right: 2px solid  #fff;
	border-left: 2px solid  #fff;
	color: red;
	background-color:#FF6;
    font: 14px "Segoe UI", Arial, Geneva, sans-serif;
		  		background-image:url(../../img/heading_small2.gif);


}
/* THE TOP MENU */


/* BOXES!!! */

.hilite1 { background-color: #ffff00; font-weight:bold; color:#519e11; }
.hilite2 { background-color: #ffff00; font-weight:bold; color:#519e11; }
.hilite3 { background-color: #ffff00; font-weight:bold; color:#519e11; }



.box2login {
	font-family: "Segoe UI", Arial, Geneva, sans-serif;
	font-size: 15px;
	font-weight:bold;
	padding:5px;
	border-color: #f0f0f0;
	border:solid 1px;}
	
/* TEXT MAKEUP AND OTHER COSMETICS HERE!!! */

#hideable {
	background-color: white;
}

/* normal image */
.normal-img {
	background: #ccc;
	border: solid 1px #000;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
	box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
	border:none;
}
.normal-img-2 {
	display: inline-block;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: inset 0 1px 5px rgba(0, 0, 0, .8), 0 1px 0 rgba(255, 255, 255, 1), 0 -1px 0 rgba(0, 0, 0, .6);
	-moz-box-shadow: inset 0 1px 5px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .9), 0 -1px 0 rgba(0, 0, 0, .6);
	box-shadow: inset 0 1px 5px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, 1), 0 -1px 0 rgba(0, 0, 0, .6);
}

/* rounded image styles */
.rounded-img {
	display: inline-block;
	border: solid 1px #000;
	overflow: hidden;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
	box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
	border:0;
}
.rounded-img2 {
	display: inline-block;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: inset 0 1px 5px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .9), 0 -1px 0 rgba(0, 0, 0, .6);
	-moz-box-shadow: inset 0 1px 5px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .9), 0 -1px 0 rgba(0, 0, 0, .6);
	box-shadow: inset 0 1px 5px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .9), 0 -1px 0 rgba(0, 0, 0, .6);
}

/* image properties */
.imgleft {
	  float: left;
	        padding: 0px 3px 3px 0px;
}
.imgleft a: hover {
	  float: left;
	        padding: 0px 3px 3px 0px;
			background-color:#FFF;
}
.imgleftlogo {
	  float: left;
	        padding: 0px 0px 0px 0px;
}
.imgleftlogo a: hover {
	  float: left;
	        padding: 0px 0px 0px 0px;
			background-color:#FFF;
}
.imgdown {
	        padding: 0px 0px 0px 0px;
			
}
.imgdown2 {
	        padding: 0px 0px 0px 0px;
			
}
.imgleft2 {
	        padding: 2px 2px 2px 2px;
			border-width:1px;
			border-color:#519e11;
			border-style:ridge;
	  float: left;
}

.imgleft2new {
		  float: left;
	        padding: 2px 2px 2px 2px;
			border-width:1px;
			border-color:#519e11;
			border-right-color:#f60;
			border-bottom-color:#f60;
			border-style:ridge;
			background-color:#ff0;
			z-index:-1;
			
}
.imgleft2aanrader {
		  float: left;
	        padding: 2px 2px 2px 2px;
			border-width:1px;
			border-color:#519e11;
			border-right-color:#FF6;
			border-bottom-color:#FF6;
			border-style:ridge;
			background-color:#519e11;
			z-index:-1;
			
}
.imgleft2a {
	        padding: 2px 2px 2px 2px;
			border-width:1px;
			border-color:#519e11;
			border-style:ridge;
			border-style:ridge;
			background-color:#f0f0f0;
			z-index:-1;
	  float: left;
}

.imgleft2b {
	        padding: 0px 3px 1px 0px;
			float: left;
			z-index:0;
}
.imgleft3 {
			border-width:0px;
			border-color:#519e11;
			border-style:ridge;
}
.imgright {
	  float: right;
      padding: 3px 0px 3px 3px;	  
}
	
img { 
	  border-width: 0px; 
}

.test {
	font-size:12px;}
	
.browsetitel {
	font-size: 14px;
		font-family:"Segoe UI", Arial, Geneva, sans-serif;
		text-align: left;
		padding-top: 3px;
		padding-bottom: 8px;
		margin-left: auto;
		margin-right: auto;
		 font-weight: bolder;
	 color:#519e11;
	 letter-spacing:2px;
}


/* this image is used in details.php and browse.php, all other images should not have borders */
.borderimg { 
	  border-style:dotted;
      border-color: black;
      border-width:1px;
	  vertical-align:top;
}

/* general settings */
html {
}

body {
	height: 100%;
	margin-top:0px;
	font: 12px "Segoe UI", Arial, Geneva, sans-serif;
	background:#fff;
	background-image: url(../../img/bigbg.gif);
		background-repeat:repeat-y;
		background-position:top center;

}

cats {
	font-size:11px;
	color:#03F;
	
}

/* the headings you can use */
h1, h2, h3, h4, h5, h6, h7
{
	margin: 0px;
	padding: 0px;
	color: black;
	font: "Segoe UI", Arial, Geneva, sans-serif;
}
h1 { 
	 /* left menu */
	 font-size: 13px;
     font-weight: bold;
	 color: black;
	font: "Segoe UI", Arial, Geneva, sans-serif;
}
h2 { /* page headers */
	 font-size: 12px;
     font-weight: bold;
	font: "Segoe UI", Arial, Geneva, sans-serif;
} 
h3 { /* slogan under logo */ 
	 font-size: 15px; 
     font-weight: bolder;
     position: relative;
	 font: "Segoe UI", Arial, Geneva, sans-serif;
	 letter-spacing:2px;

}

.alle { /* slogan under logo */ 
	 color:#519e11;
	 letter-spacing:2px;
}

.alle:hover { /* slogan under logo */ 
	 color:#fff;
	 letter-spacing:2px;
	 font-weight:normal;
}
.title { /* slogan under logo */ 
	 font-size: 19px; 
     font-weight: bold;
	 color:#333;
     position: relative;
	 font: "Segoe UI", Arial, Geneva, sans-serif;
	 letter-spacing:3px;
	 
	 
}
.title2 { /* slogan under logo */ 
		font-size: 14px;
		font-family:"Segoe UI", Arial, Geneva, sans-serif;
		text-align: left;
		padding-top: 3px;
		padding-bottom: 8px;
		margin-left: auto;
		margin-right: auto;
		 font-weight: bolder;
	 color:#519e11;
	 letter-spacing:2px;
	 
}
h4 { /* back to admin options, and other text links like that */
	 font-size: 12px;   
	 text-align: center;
     font-weight: normal;
	font: "Segoe UI", Arial, Geneva, sans-serif;
}
h5 { /* product id in details.php */
	 font-size: 12px;
     font-weight: bold;
	font: "Segoe UI", Arial, Geneva, sans-serif;
} 
h6 { /* the headers in editsettings.php */
     font-size: 13px;   
	 text-align: center;
     font-weight: bold;
     color: black;
     border: 1px solid #808080;
	 background: url(images/h6_bg.png) #d9dffb;
	font: "Segoe UI", Arial, Geneva, sans-serif;
}

/* how the links should behave (apart from the menu) */
a { text-decoration:none; }
a:link { color: #519e11; }
a:visited { color: #519e11; }
a:active { color: #FF3300; }
a:hover { color: #333;  }

/* a link class that is pretty plain */
a.plain { text-decoration: none; }
a.plain:link { color: black; }
a.plain:visited { color: black; }
a.plain:active { color: black; }
a.plain:hover { color: black; }


/* a link class that is pretty plain */
a.plain2 { text-decoration: none; font-size:11px; }
a.plain2:link { color: black; background-color:white;}
a.plain2:visited { color: black; background-color:white; }
a.plain2:active { color: black; }
a.plain2:hover { color: black; background-color:white;}

/* a link class that is pretty plain */
a.plain3 { text-decoration: none; font-size:12px }
a.plain3:link { color: black; background-color:white;}
a.plain3:visited { color: black; background-color:white; }
a.plain3:active { color: black; }
a.plain3:hover { color: black; background-color:white;}


/* a link class that is pretty plain */
a.plain4 { text-decoration: none; font-size:12px; }
a.plain4:link { color: black; background-color: #ffff00;}
a.plain4:visited { color: black; background-color:#ffff00; }
a.plain4:active { color: black; }
a.plain4:hover { color: #519e11; background-color:#ffd32f;}

a.plain4b { color: white;
text-decoration: none; font-size:12px;
background-image:url(../../img/heading_small.gif);
		background-position:top left;
		background-repeat:repeat-x;
		padding:4px;
		line-height: 22px;
		}
a.plain4b:link { color: white;
background-image:url(../../img/heading_small.gif);
		background-position:top left;
		background-repeat:repeat-x;
		padding:4px;
		line-height: 22px;}
a.plain4b:visited { color: white;  }
a.plain4b:active { color: white; }
a.plain4b:hover { color: #ffff00;}


a.plain4bsmall { color: #f60;
font-size:10px;
background-image:url(../../img/heading_small2.gif);
		background-position:top left;
		background-repeat:repeat-x;
		padding:1px;
		padding-left:4px;
		padding-right:4px;
		line-height: 10px;
		font-weight:normal;
		}
a.plain4bsmall:link { color: #f60;
background-image:url(../../img/heading_small2.gif);
		background-position:top left;
		background-repeat:repeat-x;
		padding:1px;
		padding-left:4px;
		padding-right:4px;
		line-height: 10px;}
a.plain4bsmall:visited { color: #f60;  }
a.plain4bsmall:active { color: #f60; }
a.plain4bsmall:hover { color: #f60;}



.plain4b2 { color: #519e11;
text-decoration: none; font-size:12px;
background-image:url(../../img/heading_small2.gif);
		background-position:top left;
		background-repeat:repeat-x;
		padding:4px;
		line-height: 22px;
		}


.plainshipping { color: #519e11;
text-decoration: none; font-size:12px; letter-spacing: 2px;
		background-position:top left;
		background-repeat:repeat-x;
		padding:4px;
		line-height: 22px;
		}


a.plain4c2 { text-decoration: none; font-size:12px; 
background-image:url(../../img/heading_small2.gif);
		background-position:top left;
		background-repeat:repeat-x;
		padding:4px;
		line-height: 22px;}
a.plain4c2:hover { text-decoration: none; font-size:12px; 
background-image:url(../../img/heading_small2.gif);
		background-position:top left;
		background-repeat:repeat-x;
		padding:4px;
		line-height: 22px;
		}
		
a.plain4c3 { text-decoration: none; font-size:20px; 
background-image:url(../../img/heading_small2b.gif);
		background-position:top left;
		background-repeat:repeat-x;
		padding:4px;
		}
		
a.plain4c3:hover { text-decoration: none; font-size:20px; 
background-image:url(../../img/heading_small2b.gif);
		background-position:top left;
		background-repeat:repeat-x;
		padding:4px;}
		
a.plain4c { text-decoration: none; font-size:12px; 
/*background-image:url(../../img/heading_small2.gif);
*/		background-position:top left;
		background-repeat:repeat-x;
		padding:4px;
		line-height: 22px;}
		
a.plain4c:link { color: #000;
/*background-image:url(../../img/heading_small2.gif);
*/		background-position:top left;
		background-repeat:repeat-x;
		padding:4px;
		line-height: 22px;}
a.plain4c:visited { color: #000;  }
a.plain4c:active { color: #000; }
a.plain4c:hover { color: #000;}

/* a link class that is pretty plain */
a.plain5 { text-decoration: none; font-size:12px; background-color: #ffff00; padding:2px; padding-left:4px; padding-right:4px;}
a.plain5:link { color: black; background-color: #ffff00;}
a.plain5:visited { color: black; background-color:#ffff00; }
a.plain5:active { color: black; }
a.plain5:hover { color: black; background-color:#ffff00;}

/* a link class that is pretty plain */
a.plain6 { text-decoration: none; font-size:12px; background-color: #fff;padding:2px; padding-left:4px; padding-right:4px;}
a.plain6:link { color: black; background-color: #fff;}
a.plain6:visited { color: black; background-color:#fff; }
a.plain6:active { color: black; }
a.plain6:hover { color: black; background-color:#fff;}

/* a link class that is pretty plain */
a.plain7 { text-decoration: none; font-size:11px; background-color: #fff;padding:1px; padding-left:2px; padding-right:2px; text-align:left;}
a.plain7:link { text-decoration: none; font-size:11px; background-color: #fff;padding:1px; padding-left:2px; padding-right:2px; text-align:left;}
a.plain7:visited { color: black; background-color:#fff; }
a.plain7:active { color: black; }
a.plain7:hover { text-decoration: none; font-size:11px; background-color: #fff;padding:1px; padding-left:2px; padding-right:2px; text-align:left;}

/* a link class that is pretty plain */
a.plain8 { text-decoration: none; font-size:11px;padding:2px; padding-left:4px; padding-right:4px;}
a.plain8:link { color: white; }
a.plain8:visited { color: white; }
a.plain8:active { color: white; }
a.plain8:hover { color: yellow; }


/* text in tables */
td, th {
	font: 12px "Segoe UI", Arial, Geneva, sans-serif;
}
/* tables of this class have no border */
table.borderless {
	border-collapse: collapse;
	border-style: hidden;
	background-color:transparent;
}
table.borderless th,
table.borderless td {
	border: 0px;
	padding: 1px;
	border-style: hidden;
	vertical-align: top;
    border-collapse: collapse;
	background-color:transparent;
}
table.borderless td {
	border: 0px;
	padding-left: 4px;
	border-style: hidden;
	vertical-align: top;
    border-collapse: collapse;
	background-color:transparent;
}
td.bro {
	border: 0px;
	padding-left: 4px;
	border-style: hidden;
	vertical-align: top;
    border-collapse: collapse;
	background-color:transparent;
}
table.borderlessregn td {
	border: 0px;
	padding: 3px;
	border-style: hidden;
	vertical-align: middle;
    border-collapse: collapse;
	background-color:transparent;
}
table.borderless caption {
		font-size: 12px;
		font-family:"Segoe UI", Arial, Geneva, sans-serif;
		font-weight: bold;
		color: #000;
		text-align: left;
		padding-top: 3px;
		padding-bottom: 8px;
		margin-left: auto;
		margin-right: auto;
}

/* a class that describes how tables should look */
.datatable {
		border: 1px solid #fff;
		border-collapse: collapse;
		margin-left:auto; 
		margin-right:auto;

}
.datatable td {
		border: 1px solid #DADADA;
		border-top: 1px solid #DADADA;
		font-size:12px;
		padding: 2px;
		text-align: left;
    	vertical-align: top;
		background-color: #F5F5F5;
}
.datatable th {
		background-color: #ffff00;
		font-weight: bold;
		color: #519e11;
		text-transform:uppercase;
		text-align: left;
		padding: 4px;
        border: 1px solid #DADADA;
}

.datatable caption {
		font-size: 12px;
		font-family:"Segoe UI", Arial, Geneva, sans-serif;
		font-weight: bold;
		color: #000;
		text-align: left;
		padding-top: 3px;
		padding-bottom: 8px;
		margin-left: auto;
		margin-right: auto;
}
.datatable tr.altrow {
		background-color: #0C0;
		color: #000;
}
rijtje {
		background-color: #FFF;
}
.datatable9 {
		border: 2px solid #519e11;
		border-collapse: collapse;
		margin-left:auto; 
		margin-right:auto;

}
.datatable9 td {
		border: 0px solid #519e11;
		border-right: 1px dotted #519e11;
		font-size:12px;
		padding-left: 6px;
		padding-right: 6px;
		padding-bottom: 6px;
		padding-top: 6px;
		text-align: left;
    	vertical-align: top;
		background-color: #ffff00;
}
.datatable9 th {
		background-color: #FFF;
		font-weight: bold;
		color: #519e11;
		text-transform:uppercase;
		text-align: left;
		padding: 4px;
        border: 1px dotted #519e11;
}
.datatable9 caption {
		font-size: 12px;
		font-family:"Segoe UI", Arial, Geneva, sans-serif;
		font-weight: bold;
		color: #000;
		text-align: left;
		padding-top: 3px;
		padding-bottom: 8px;
		margin-left: auto;
		margin-right: auto;
}
.datatable9 tr.altrow {
		background-color: #0C0;
		color: #000;
}



.datatable10 {
		border: 0px solid #fff;
		border-collapse: collapse;
		margin-left:auto; 
		margin-right:auto;
		
		
}
.datatable10 td {
		border-right: 1px solid #fff;
		border-left: 1px solid #fff;
		border-bottom: 1px dotted #CCC;
		border-top: 1px dotted #fff;
		font-size:12px;
		padding: 3px;
		text-align: left;
    	vertical-align: top;

	
}

td.totalrow {
		background-color: #519e11;
		color: #fff;
		}
		
		
.datatable10 td.altrow3 {
	border-bottom:0px;
	border-top:0px;
	
		
		}
		
		

td.zaai {
		border-right: 0px dotted #EEE;
		border-left: 1px dotted #eee;
		border-bottom: 1px dotted #CCC;
		border-top: 1px  #fff;
		font-size:12px;
		padding: 3px;
		text-align: left;
    	vertical-align: top;}

td.zaai2 {
		border-right: 1px dotted #666;
		border-left: 1px dotted #eee;
		border-bottom: 1px dotted #CCC;
		border-top: 0px  #DFDFDF;
		font-size:12px;
		padding: 3px;
		text-align: left;
    	vertical-align: top;}
		
td.zaaigr {
		border-right: 0px solid #EEE;
		border-left: 1px dotted #666;
		border-bottom: 1px dotted #CCC;
		border-top: 1px  #fff;
		font-size:12px;
		padding: 3px;
		text-align: left;
    	vertical-align: top;
		background-color:#f0f0f0;
		}

td.zaai2gr {
		border-right: 1px dotted #666;
		border-left: 1px solid #fff;
		border-bottom: 1px dotted #CCC;
		border-top: 0px  #DFDFDF;
		font-size:12px;
		padding: 3px;
		text-align: left;
    	vertical-align: top;
		background-color:#f0f0f0;}
		
.datatable10 td.nowactive {
		background-color: #CF3;
		font-weight: bold;
		border-bottom: 1px dotted #CCC;
		border-top: 1px dotted #CCC;
		
}

.datatable10 td.onvoltooid {
		background-color: #FEEAE7;
		font-weight: bold;
		border-bottom: 1px dotted #CCC;
		border-top: 1px dotted #CCC;
		border-left: 1px dotted #666;
		border-right: 1px dotted #666;
		
}

.datatable10 td.voltooid {
		background-color: #E6FFEC;
		font-weight: bold;
		border-bottom: 1px dotted #CCC;
		border-top: 1px dotted #CCC;
		border-left: 1px dotted #666;
		border-right: 1px dotted #666;
		
}
		
.datatable10 td.totalrow {
		background-color: #519e11;
		color: #fff;
		border-bottom: 1px dotted #CCC;
		border-top: 1px dotted #CCC;
		
}

.datatable10 td.totalrownow {
		background-color: #519e11;
		color: #f60;
		font-weight: bold;
		border-bottom: 1px dotted #CCC;
		border-top: 1px dotted #CCC;
		
}

.datatable10 td.now {
		background-color: #FF9;
		font-weight: bold;
}

.datatable10 td.downrow {
		background-color: #f0f0f0;
		color: #000;
}

.datatable10 td.secondrow {
		background-color: #FF6;
		color: #000;
}
.datatable10 th {
		font-size:12px;
		background-color: #F7FEF5 ;
		font-weight: bold;
		color: #519e11;
		text-align: left;
		padding: 3px;
		border-bottom: 1px dotted #CCC;
		border-top: 1px dotted #fff;
		vertical-align:middle;
		
		
}
.datatable10 caption {
		font-size: 14px;
		font-family:"Segoe UI", Arial, Geneva, sans-serif;
		text-align: left;
		padding-top: 3px;
		padding-bottom: 8px;
		margin-left: auto;
		margin-right: auto;
		 font-weight: bolder;
	 color:#519e11;
	 letter-spacing:2px;
	
}

.datatable10 tr.altrow {
		background-color: #fff;
		color: #000;
}
.datatable10 tr.altrow3 {
		background-color: #fff;
		color: #000;
		background-repeat:repeat-x;
}
.datatable10 tr.altrow2 {
		background-color: #F9F9FF;
		color: #000;
		border-bottom:0px;
}
.datatable10 tr.altrow4 {
		background-color: #fff;
		color: #000;
		background-image: url(../../img/bgyellowgrey.gif);
		background-repeat:repeat-x;
		background-position:bottom;
		border-bottom:0px;
}


.datatable12 {
		border: 0px solid #f0f0f0;
		margin-left:auto; 
		margin-right:auto;
}
.datatable12 tr.altrow3 {
		background-color: #fff;
		color: #000;
		background-repeat:repeat-x;
		
}

.datatable12 tr.altrow2 {
		background-color: #F7FEF5;
		color: #000;
		
		border-bottom:0px;
		
}
.datatable12 td {
		border: 1px solid #f0f0f0;
		font-size:11px;
		padding: 5px;
		text-align: left;
    	vertical-align: top;
}
.datatable12 th {
		background-color: #ffff99;
		font-weight: bold;
		color: #519e11;
		text-transform:uppercase;
		text-align: left;
		padding: 4px;
		border-top: 1px solid #f0f0f0;
}
.datatable12 caption {
		font-size: 12px;
		font-family:Tahoma, Geneva, sans-serif;
		font-weight: bold;
		color: #000;
		text-align: left;
		padding-top: 3px;
		padding-bottom: 8px;
		margin-left: auto;
		margin-right: auto;
}
.datatable12 tr.altrow {
		background-color: #fff;
		color: #000;
}
.datatable12 td.endrow {
		background-color: #FFC;
		color: #000;
}
.datatable12 tr.endrow {
		background-color: #fff;
		color: #000;
}
.datatable12 td.totalrow {
		background-color: #519e11;
		color: #fff;
}
div.bottom {
	vertical-align:bottom;
	float:right;
	display:inline;
}
.linktipdiv {
		border-bottom: 0px dotted #519e11;
		border-top: 0px dotted #519e11;
		border-left: 0px dotted #519e11;
		border-right: 0px dotted #519e11;
		border-collapse: collapse;
		padding: 3px;
		margin-left:auto; 
		margin-right:auto;
		text-align: right;
}

.datatablediv {
		border-bottom: 1px dotted #519e11;
		border-top: 0px dotted #519e11;
		border-left: 0px dotted #519e11;
		border-right: 0px dotted #519e11;
		border-collapse: collapse;
		padding: 3px;
		margin-left:auto; 
		margin-right:auto;

}

.datatabledivwarning {
		border-bottom: 1px dotted #F63;
		border-top: 1px dotted #F63;
		border-left: 0px solid #060;
		border-right: 0px solid #060;
		background-color:#FFC;
		border-collapse: collapse;
		text-align:left;
		padding: 10px;
		margin-left:20px; 
		margin-right:20px;
		border-style:dotted;
}
.datatabledivborder {
		border-bottom: 1px solid #060;
		border-top: 1px solid #060;
		border-left: 1px solid #060;
		border-right: 1px solid #060;
		background-color:#519e11;
		border-collapse: collapse;
		width: 400px;
		text-align:center;
		padding: 3px;
		margin-left:auto; 
		margin-right:auto;
		color:#FFF;
}
.datatabledivborderfalse {
		border-bottom: 1px solid #f60;
		border-top: 1px solid #f60;
		border-left: 1px solid #f60;
		border-right: 1px solid #f60;
		background-color:#f60;
		border-collapse: collapse;
		width: 400px;
		text-align:center;
		padding: 3px;
		margin-left:auto; 
		margin-right:auto;
		color:#FFF;

}
.datatabledivzonderborder {
		border-bottom: 0px dotted #519e11;
		border-top: 0px dotted #519e11;
		border-left: 0px dotted #519e11;
		border-right: 0px dotted #519e11;
		border-collapse: collapse;
		padding-bottom: 4px;
		margin-left:auto; 
		margin-right:auto;

}
.datatablediv2 {
		border-bottom: 1px  #519e11;
		border-collapse: collapse;
		margin-left:auto; 
		margin-right:auto;
		background-color: #ffff00;
}


.datatablediv2a {
		  z-index: 4; 
border-left: 0px dotted #519e11;
		border-top: 1px dotted #0C0;
		border-collapse: collapse;
		padding: 6px;
		padding-bottom: 12px;
		margin-left:auto; 
		margin-right:auto;
		background-color: #F7FEF5;
		background-image: url(../../img/bggreen.gif);
		background-repeat:repeat-x;
		background-position:bottom;
}

.datatablediv2aa {
		  z-index: 4;
		  height:25px;
border-left: 0px dotted #519e11;
font-size:12px;
		border-top: 1px dotted #0C0;
		border-collapse: collapse;
		padding: 7px;
		padding-bottom: 12px;
		margin-left:auto; 
		margin-right:auto;
		background-color: #fff;
		;
}


.datatablediv2aaa {
		  z-index: 4;
		  height:15px;
border-left: 0px dotted #519e11;
font-size:12px;
text-align:center;
		border-top: 1px dotted #0C0;
		border-collapse: collapse;
		padding: 1px;
		padding-bottom: 8px;
		margin-left:auto; 
		margin-right:auto;
		background-color: #d8ebaf;
		background-image: url(../../img/bggreen.gif);
		background-repeat:repeat-x;
		background-position:bottom;
}

.datatablediv2ab {
	z-index:1;
		border-left: 0px dotted #519e11;
		border-top: 1px dotted #0C0;
		border-collapse: collapse;
		padding: 6px;
		padding-bottom: 12px;
		margin-left:auto; 
		margin-right:auto;
		background-color: #d8ebaf;
		background-image: url(../../img/bggreen.gif);
		background-repeat:repeat-x;
		background-position:bottom;
}
.datatablediv2abd {

		border-left: 0px dotted #519e11;
		border-top: 0px dotted #0C0;
		border-collapse: collapse;
		padding: 1px;
		padding-bottom: 6px;
		margin-left:1px; 
		margin-right:1px;
		margin-top: 1px;
		background-color: #d8ebaf;
		background-image: url(../../img/bggreen.gif);
		background-repeat:repeat-x;
		background-position:bottom;
}

.datatablediv2abc {
		border-left: 0px dotted #519e11;
		border-top: 1px dotted #0C0;
		border-collapse: collapse;
		padding: 6px;
		padding-bottom: 12px;
		margin-left:auto; 
		margin-right:auto;
		background-color: #d8ebaf;
		background-image: url(../../img/bggreen.gif);
		background-repeat:repeat-x;
		background-position:bottom;
		position: absolute;
}
.datatablediv2b {
		border-bottom: 0px dotted #0C0;
		border-top: 0px dotted #0C0;
		border-collapse: collapse;
		padding: 6px;
		padding-bottom: 12px;
		margin-left:auto; 
		margin-right:auto;
		background-color: #f5f5f5;
		background-image: url(../../img/bgyellowgrey.gif);
		background-repeat:repeat-x;
		background-position:bottom;
}
.datatablediv2 td {
		border-bottom: 1px  #519e11;
		font-size:12px;
		padding: 2px;
		text-align: left;
    	vertical-align: top;
		background-color: #ffff00;
}


.datatablediv3 {
		border-bottom: 0px dotted #519e11;
		border-top: 0px dotted #519e11;
		border-left: 0px dotted #519e11;
		border-right: 0px dotted #519e11;
		border-collapse: collapse;
		padding: 3px;
		right:inherit;
		margin-left:auto; 
		margin-right:auto;
		width:inherit;
		background-color: #F7FEF5;

}
.datatabledivth {
		border-bottom: 0px dotted #519e11;
		border-top: 0px dotted #519e11;
		border-left: 0px dotted #519e11;
		border-right: 0px dotted #519e11;
		border-collapse: collapse;
		padding: 0px;
		right:inherit;
		margin-left:auto; 
		margin-right:auto;
		width:inherit;
		float:right;
		overflow:visible;

}
.datatablediv3 td {
		border-bottom: 1px dotted #519e11;
		border-top: 0px dotted #519e11;
		border-left: 0px dotted #519e11;
		border-right: 0px dotted #519e11;
		font-size:12px;
		padding-left: 3px;
		padding-right: 3px;
		padding-top: 1px;
		padding-bottom: 1px;
		text-align: left;
    	vertical-align: top;
		background-color: #fff;
}

.datatablediv4 {
		border-bottom: 0px dotted #CCC;
		border-top: 0px dotted #519e11;
		border-left: 1px dotted #519e11;
		border-right: 0px dotted #519e11;
		border-collapse: collapse;
		padding: 6px;
		right:inherit;
		margin-left:auto; 
		margin-right:auto;
		width:inherit;

}
.datatablediv4 td {
		border-bottom: 1px dotted #519e11;
		border-top: 0px dotted #519e11;
		border-left: 1px dotted #519e11;
		border-right: 0px dotted #519e11;
		font-size:12px;
		padding-left: 3px;
		padding-right: 3px;
		padding-top: 1px;
		padding-bottom: 1px;
		text-align: left;
    	vertical-align: top;
		background-color: #fff;
}

a.topm {
	background-color:#519e11;
	color: #FF0;
}
.copyright {
background: #EBEBEB;
bottom: 1px;
color: #333;
font-size: 0.7em;
opacity: 0.5;
padding: 0px 5px;
position: absolute;
right: 1px;
}

a.infounderline{
    position: inherit; /*this is the key*/
    z-index:24;  
    color:#000;
	background-color:#ffff00;
    text-decoration:none; 
    font-size: 12px;
    font-weight: normal;
	cursor: help;
}

a.infounderline:hover{z-index:90; background-color:#FF6}

a.infounderline span{display: none}

a.infounderline:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:static;
    z-index:0;
	width:inherit;
	text-decoration:none; 
    top:1em; center:2em; width:30em;
    border:1px dotted #519e11;
	padding:4px;
    background-color:#FF6; color:#000;
    text-align: left;
}

.navbar-entry{color:#ff0!important;background-color:#C3DE6C!important;font-weight:normal;}.navbar .simple{font-weight:normal!important;background-color:Transparent!important;}.navbar a,#nav{padding:0;margin:0;list-style:none;font-size:9pt;z-index:200;height:29px;}.navbar,#nav ul{padding:0;margin:0;list-style:none;background:#519e11;border-top:1px solid #519e11;}#nav li{float:left;}#nav li li{float:none;border-left:1px solid #519e11;border-right:1px solid #519e11;}#nav li li.last{border-bottom:1px solid #519e11;}* html #nav li li{float:left;}.navbar{border-style:none;}.navbar a,#nav li a{display:block;float:left;color:#fff;height:29px;padding:0 9px;line-height:29px;text-decoration:none;white-space:nowrap;font-weight:normal; font-size:12px;}#nav li li a{display:block;float:none;height:24px;line-height:24px;font-size:9pt;padding:0 5px 0 5px;font-weight:normal;letter-spacing:0;}#nav li li a.fly{white-space:nowrap;}a.fly.highlight{border:1px solid Yellow;margin:5px 0!important;padding:3px!important;}.navbar a:hover,#nav li:hover{position:relative;z-index:300;background-color:#C3DE6C;color:#FF0;font-size:12px;}#nav>li:hover{box-shadow:2px 2px 7px rgba(0,0,0,0.5);-moz-box-shadow:2px 2px 7px rgba(0,0,0,0.5);-webkit-box-shadow:2px 2px 7px rgba(0,0,0,0.5);}.navbar a:hover,#nav li.cssplay_hover{position:relative;z-index:300;background-color:#C3DE6C;color:#FF0;}#nav li.cssplay_hover a{color:#FF0;background-color:#C3DE6C;}#nav li li a{color:#fff;font-weight:normal;font-size:12px;}#nav li li.cssplay_hover a{color:#fff;font-weight:normal;}#nav li:hover ul{left:0;top:24px;z-index:500;}#nav li.cssplay_hover ul{left:0;top:24px;z-index:500;}#nav ul{position:absolute;left:-9999px;top:-9999px;box-shadow:2px 2px 7px rgba(0,0,0,0.5);-moz-box-shadow:2px 2px 7px rgba(0,0,0,0.5);-webkit-box-shadow:2px 2px 7px rgba(0,0,0,0.5);}* html #nav ul{width:2px;}#nav li:hover li:hover>ul{left:-5px;margin-left:100%;top:-1px;z-index:500;}#nav li:hover>ul ul{position:absolute;left:-9999px;top:-9999px;width:auto;}#nav li:hover>a{color:#519e11!important;background-color:#fff!important;font-weight:normal;}#nav li li:hover>a{color:#519e11!important;background-color:#fff!important;font-weight:normal;}#nav .heading{white-space:nowrap;color:#fff!important;font-weight:normal;margin:7px 0 3px 3px;padding:2px;background-color:#519e11;}#nav li:hover.heading{color:#fff!important;background-color:#519e11!important;}#nav li li a,#nav li li li a,#nav li li li li a,#nav li li li li li a,#nav li li li li li li a{color:#fff!important;background-color:#519e11!important;font-weight:normal;padding-left:10px;}.navbar a:hover,#nav li.cssplay_hover li.cssplay_hover a,#nav li.cssplay_hover li.cssplay_hover li.cssplay_hover a,#nav li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover a,#nav li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover a,#nav li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover a{color:#FF0;!important;background-color:#C3DE6C!important;font-weight:normal;}#nav li.cssplay_hover li.cssplay_hover li a,#nav li.cssplay_hover li.cssplay_hover li.cssplay_hover li a,#nav li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li a,#nav li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li a{color:#ff0!important;background-color:#C3DE6C!important;font-weight:normal;}#nav li.cssplay_hover li.cssplay_hover ul,#nav li.cssplay_hover li.cssplay_hover li.cssplay_hover ul,#nav li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover ul,#nav li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover ul{left:100%;margin-left:-5px;top:-1px;}#nav li.cssplay_hover ul ul,#nav li.cssplay_hover li.cssplay_hover ul ul,#nav li.cssplay_hover li.cssplay_hover li.cssplay_hover ul ul,#nav li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover ul ul{position:absolute;left:-9999px;top:-9999px;}

ul.ws_css_cb_menu ul, ul.ws_css_cb_menu a:hover ul ul {
	display:none;
	z-index:99999;
}
input[type="text"],input[type=password]
{
   font-family: "Segoe UI", Arial, Geneva, sans-serif;
   font-size:12px;
   border: 1px solid #CCC;
   padding:3px;
   padding-right:2px;
   padding-left:2px;
   margin-top:0px;
   color:#333 ;
   -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; 
	
}
input[type=submit],input[type=button],input[type=reset]
{
   font-family: "Segoe UI", Arial, Geneva, sans-serif;
   font-size:12px;
   color:#519e11;
   padding:3px;
   padding-right:2px;
   padding-left:2px;
/*   border: 1px solid #CCC;
   -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;*/ 
}

checkbox
{
   font-family: "Segoe UI", Arial, Geneva, sans-serif;
   font-size:12px;
   color:#519e11;
}

select
{
   font-family: "Segoe UI", Arial, Geneva, sans-serif;
   font-size:12px;
   border: 1px solid #CCC;
   padding:3px;
   padding-right:2px;
   padding-left:1px;
   color:#333 ;
-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
textarea
{
   font-family: "Segoe UI", Arial, Geneva, sans-serif;
   font-size:12px;
   border: 1px solid #CCC;
   padding:3px;
   color:#333 ;
   -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; 
}

.tipsy-inner {
	padding:10px 15px;
	line-height:1.5em;
	font-weight:bold;
}
.tipsy {
	opacity:.9;
	filter:alpha(opacity=90);
	background-repeat:no-repeat;
	padding:5px;
}
.tipsy-inner {
	padding:8px 8px;
	max-width:200px;
	font:11px "Segoe UI", Arial, sans-serif;
	font-weight:normal;
	-moz-border-radius:4px;
	-khtml-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:#000 1px solid;
	background-color:#519e11;
	color:white;
	text-align:left;
}
.tipsy-north {
	background-image:url(../../img/tipsy-north.gif);
	background-position:top center;
}
.tipsy-south {
	background-image:url(../../img/tipsy-south.gif);
	background-position:bottom center;
}
.tipsy-east {
	background-image:url(../../img/tipsy-east.gif);
	background-position:right center;
}
.tipsy-west {
	background-image:url(../../img/tipsy-west.gif);
	background-position:left center;
}		

.knop {
			padding: 15px;
		}
.knop a {
		}
#uitklappen, #uitklappen2, #uitklappen3 { 
			display: none;
			position:absolute;
			z-index:25000;
			border-bottom:#519e11 solid 1px;
			border-right:#519e11 solid 1px;
			border-left:#519e11 solid 1px;
			border-top:hidden;
			font-size:12px;
			filter: alpha(opacity=95); -moz-opacity: 0.95; opacity: 0.95;
			-webkit-border-bottom-left-radius:12px;
			-moz-border-radius-bottomleft:12px;
			border-bottom-left-radius:12px;
			-webkit-border-bottom-right-radius:12px;
			-moz-border-radius-bottomright:12px;
			border-bottom-right-radius:12px;
			-moz-box-shadow:3px -3px 3px rgba(0,0,0,0.5);
			-webkit-box-shadow:3px 3px 3px rgba(0,0,0,0.5);
			box-shadow:-3px 3px 3px rgba(0,0,0,0.5);
		}

#uitklappen { 
			background-color:#519e11;
			color:#fff;
			margin-top:28px;
			width:270px;
		}
  
#uitklappen2,#uitklappen3 {
	  		background-color:#f8f8f8;
			color:#333;
			margin-top:5px;
			width:570px;
			padding: 10px;
			text-align:left;
			left:30%;
			 		}
#uitklappen div {
			padding: 6px; 
			padding-left: 12px;
			/*staat hier omdat anders de animatie verspringt!*/
		}
		


.panel {
position: absolute;
top: 50px;
right: 0;
display: none;
background: #fff;
border:1px dotted #008e52;
-moz-border-radius-topleft: 20px;
-webkit-border-top-left-radius: 20px;
-moz-border-radius-bottomleft: 20px;
-webkit-border-bottom-left-radius: 20px;
width: 330px;
height: auto;
padding: 30px 130px 30px 30px;
filter: alpha(opacity=85);
opacity: .85;
z-index:10000;
}

.panel p{
margin: 0 0 15px 0;
padding: 0;
color: #cccccc;
}

.panel h3{
	text-shadow:#000;
	letter-spacing:2px;
	color:#519e11;
	font-size:18px;
}

.panel a, .panel a:visited{
margin: 0;
padding: 0;
color: #9FC54E;
text-decoration: none;
}

.panel a:hover, .panel a:visited:hover{
margin: 0;
padding: 0;
color: #ffffff;
text-decoration: none;
border-bottom: 1px solid #ffffff;
}

a.trigger{
position: absolute;
text-decoration: none;
top: 80px; right: 0;
font-size: 18px;
letter-spacing:-1px;
color:#fff;
padding: 10px 15px 10px 40px;
font-weight: 700;
background:#519e11 url(../../img/plusx.png) 15% 55% no-repeat;
border:1px solid #444444;
-moz-border-radius-topleft: 20px;
-webkit-border-top-left-radius: 20px;
-moz-border-radius-bottomleft: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-bottomright: 0px;
-webkit-border-bottom-right-radius: 0px;
display: block;
z-index:10001;

}

a.trigger:hover{
position: absolute;
text-decoration: none;
top: 80px; right: 0;
font-size: 18px;
letter-spacing:-1px;
color:#fff;
padding: 10px 20px 10px 40px;
font-weight: 700;
background:#fbc338 url(../../img/plusx.png) 15% 55% no-repeat;
border:1px solid #444444;
-moz-border-radius-topleft: 20px;
-webkit-border-top-left-radius: 20px;
-moz-border-radius-bottomleft: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-bottomright: 0px;
-webkit-border-bottom-right-radius: 0px;
display: block;
}

a.active.trigger {
background:#fbc338 url(../../img/minusx.png) 15% 55% no-repeat;
}

.columns{
clear: both;
width: 330px;
padding: 0 0 20px 0;
line-height: 22px;
}

.colleft{
float: left;
width: 130px;
line-height: 22px;
}

.colright{
float: right;
width: 130px;
line-height: 22px;
}
#scrollbar3 { width: 168px;  margin: 5px 0 5px; }
#scrollbar3 .viewport { width: 154px; height: 150px; overflow: hidden; position: relative;  }
#scrollbar3 .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0;margin-top:-6px; }
#scrollbar3 .scrollbar{ background: transparent url(../../img/bg-scrollbar-track-y.gif) no-repeat 0 0; position: relative; background-position: 0 0; float: right; width: 8px; }
#scrollbar3 .track { background: transparent url(../../img/bg-scrollbar-trackend-y.gif) no-repeat 0 100%; height: 100%; width:8px; position: relative; }
#scrollbar3 .thumb { background: transparent url(../../img/bg-scrollbar-thumb-y.gif) no-repeat 50% 100%; height: 12px; width: 12px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: -2px; }
#scrollbar3 .thumb .end { background: transparent url(../../img/bg-scrollbar-thumb-y.gif) no-repeat 50% 0; overflow: hidden; height: 5px; width: 12px; }
#scrollbar3 .disable { display: none; }

#scrollbar2 { width: 168px;  margin: 5px 0 5px; }
#scrollbar2 .viewport { width: 154px; height: 150px; overflow: hidden; position: relative;  }
#scrollbar2 .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0;margin-top:-6px; }
#scrollbar2 .scrollbar{ background: transparent url(../../img/bg-scrollbar-track-y.gif) no-repeat 0 0; position: relative; background-position: 0 0; float: right; width: 8px; }
#scrollbar2 .track { background: transparent url(../../img/bg-scrollbar-trackend-y.gif) no-repeat 0 100%; height: 100%; width:8px; position: relative; }
#scrollbar2 .thumb { background: transparent url(../../img/bg-scrollbar-thumb-y.gif) no-repeat 50% 100%; height: 12px; width: 12px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: -2px; }
#scrollbar2 .thumb .end { background: transparent url(../../img/bg-scrollbar-thumb-y.gif) no-repeat 50% 0; overflow: hidden; height: 5px; width: 12px; }
#scrollbar2 .disable { display: none; }