body, body div, body p, body th, body td, body li, body dd {font-size: x-small;line-height: 1.7em; /* false value for WinIE4/5 */voice-family: "\"}\""; /* trick WinIE4/5 into thinking rule is over */voice-family: inherit;   /* recover from trick */font-size: small/* intended value for better browsers */}
html>body, html>body div, html>body p, html>body th, html>body td, html>body li, html>body dd  {font-size:  small;/* be nice to Opera */}
body {font-family: Verdana, "Trebuchet MS", sans-serif; margin: 0; padding: 0;border:0;background:  url(../images/top.jpg) top center no-repeat;}
.clearer {	clear: both;}
html, body  {height: 100%;margin:0;padding:0;}

#htmlwrapper {min-height: 100%;background:  url(../images/bottom.jpg) bottom center no-repeat;}
* html #wrapper {height: 100%;}


#nonFooter{position: relative; min-height: 100%; voice-family: "\"}\"";voice-family: inherit;height: auto;}
html>body #nonFooter {height: auto;}
* html #nonFooter{height: 100%;}

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
/* IE7 fix \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* IE7 fix */

/* algemeen */
img, img a, img input {border:none;}
img {behavior: url("/css/pngbehavior.htc");}
#maincontent img {background-color:#FFF;float:left;display:inline;border-top: 1px solid #E5E5E5;border-left: 1px solid #E5E5E5;border-right: 1px solid #CCC;border-bottom: 1px solid #CCC; padding:3px; margin-right:18px;margin-bottom:18px;clear:left;}
#maincontent img.alternate {float:right;margin-right:0;margin-left:18px;}
p	{font-family: Verdana, "Trebuchet MS", sans-serif;margin:0;padding: 0  0 1em 0;}
em {font-style: normal;color:#6E9E2E;white-space: nowrap;}
h1, h2	{font-family: "Helvetica nueue", Helvetica, Arial, sans-serif;letter-spacing:-0.05em;color:#000;font-weight:normal;}
h1	{font-family: "Helvetica nueue", Helvetica, Arial, sans-serif;font-size:x-large;padding-top:1px;margin-top:0;}
h2	{font-size:large;margin-bottom:0.3em;}
h3, h4, h5 {font-family: Verdana, "Trebuchet MS", sans-serif;font-weight:bold;}
h4, h5, h6	{margin:0;padding:0;}
h6 {font-family: "Helvetica nueue", Helvetica, Arial, sans-serif;letter-spacing:-0.05em;font-weight:normal;font-size:x-large;color:#6E9E2E;margin:0;padding:18px 0 0 0;}
a:link {color:#000;}
a:visited {color:#000;}
a:hover {color:#6E9E2E;}
a:active {color:#00351B;}
a:focus {color:#6E9E2E;}
.input_fout   {border: 2px solid #990000 !important;}
.text_fout {color: #990000 !important;}
.error, .error strong, .error a {color: #990000 !important;}
 ol li {list-style:url(none) decimal inside;padding: 0 0;}

blockquote {}
caption {}
abbr, acronym, .help {border-bottom: 1px dotted #333;cursor: help;}
img {border:none;}
/* algemeen */

/*div css*/
#header {height:43px;margin:0;padding: 9px 0 0 0;background:  url(../images/header_bck.gif) top left repeat-x;text-align: right;}
#header h1 {font-family: Verdana, "Trebuchet MS", sans-serif;letter-spacing:0.01em;font-weight:normal;font-size:x-small;color:#00351B;display:inline;;margin:0;padding: 0;}
#header h2 {font-family: Verdana, "Trebuchet MS", sans-serif;letter-spacing:0.01em;font-weight:normal;font-size:x-small;color:#FFF;display:inline;margin:0;padding: 0;padding-right:10%;}

#contentwrapper {padding: 9px 0 40px 0;}
#content {margin: 0;padding:0;text-align: left;}
#maincontent {float:none;clear:both;text-align: left;margin:70px 0 0 0;padding:70px 0 0 0;}
#footer {position:relative;width: auto;height:163px;margin:  0;background: url(../images/footer_bck.gif) bottom left repeat-x;text-align: left;}
#footerlogo {margin-left:10%;padding:0;position:absolute;bottom:37px;width:80%;}
#footerlogo img {padding:0;display:inline;float:left;}
#logo {position: absolute;left:10%;top:9px;z-index:1;width:150px;height:150px;}
.sidebar {display:inline;float:left;width:20%;margin-left:10%;}
.sidebar p, .sidebar {font-size: x-small;}
.kolom {display:inline;float:right;padding:0;margin:0;width:57%;margin-right:10%;}
.kolon1, .kolon2 {position:relative;display:inline;float:left;width:293px;}
.kolon1 {margin-right:5%;}
.row {padding-bottom:40px;}
#maincontent ol.lijst li {font-family: "Helvetica nueue", Helvetica, Arial, sans-serif;font-size:x-large;letter-spacing:-0.05em;padding-top:1em;margin-top:0;list-style-type:circle;}
/*div css*/

/*table css*/
table {width:100%;margin: 0;margin-bottom:1em; padding: 0;border:1px solid #767676;background-color:#FFF;}
th,td {vertical-align:top;color:#000;}
.playlist thead tr th {font-family: "Helvetica nueue", Helvetica, Arial, sans-serif;font-size:large;letter-spacing:-0.05em;font-weight:normal;margin: 0; padding: 0.4em;text-align:left;color:#FFF;background-color:#6E9E2E;border-top: 1px solid #AECC88;border-bottom: 1px solid #767676;}
.playlist tbody tr th {margin: 0; padding: 0.4em;background-color:#F7F7F7;border-top: 1px solid #FFF;border-bottom: 1px solid #767676;text-align:left;}
.playlist tbody tr th.details {font-size:x-small;font-weight:normal;text-align:left;}

.playlist tbody tr td {margin: 0; padding:  0.2em 0.4em;border-right:1px solid #E5E5E5;border-bottom:1px solid #E5E5E5;}
.playlist tbody tr.tabletitle td {font-size:small;margin: 0; padding: 0.1em 0.4em;text-align:left;color:#F7F7F7;background-color:#6E9E2E;border-top: 1px solid #FFE199;border-bottom: 1px solid #767676;}
.playlist tbody tr.odd td {background-color:#F7F7F7;}


/*table css*/

/*navigatie css*/
ul.nav {margin:24px 0 0 0;list-style: none;padding:0 0 0 33%;}
ul.nav li {font-family: "Helvetica nueue", Helvetica, Arial, sans-serif;font-size:19px;line-height:21px;letter-spacing:-0.05em;color:#00351B;float:left;display:inline;margin-right:30px;}
ul.nav li a,#footernav  ul.nav li a,#meta ul  li  a {display: block;width: auto;text-decoration:none;}
ul.nav li a:link, ul.nav li a:visited {color:#00351B;}
ul.nav li a:hover, ul.nav li a:active, ul.nav li a:focus {color:#6E9E2E;}
#contentwrapper ul.nav li a.current {color:#6E9E2E;}

#footernav {display:inline;float:right;width:71%;}
#footernav ul.nav {margin:3px 0 0 0;padding:0;}
#footernav  ul.nav li a:link,#footernav  ul.nav li a:visited {font-size:16px;width: auto;color:#FFFFFF;}
#footernav  ul.nav li a:hover,#footernav  ul.nav li a:active,#footernav ul.nav li a:focus {color:#00351B;}
#footer #footernav  ul.nav li a.current {color:#00351B;}

#footer address {position:absolute;bottom:6px;left:10%;z-index:7;font-family: Verdana, "Trebuchet MS", sans-serif;font-style: normal;letter-spacing:0.01em;font-weight:normal;font-size:x-small;color:#00351B;display:inline;float:left;margin:0;padding: 0;}
#footer address span {font-family: Verdana, "Trebuchet MS", sans-serif;letter-spacing:0.01em;font-weight:normal;font-size:x-small;color:#FFF;display:inline;float:left;margin:0;padding: 0;}

#meta ul {position:absolute;bottom:6px;right:10%;margin:0;padding:0;z-index:6;}
#meta ul  li  {display:inline;float:right;font-size:x-small;letter-spacing:0.01em;}
#meta ul  li  a:link,#meta ul  li  a:visited {color:#FFF;}
#meta ul  li  a:hover,#meta ul  li  a:active,#meta ul  li  a:focus {color:#00351B;}
ul  li  a.current {color:#00351B;}
/*navigatie css*/

/*forms css*/
form {width: 100%;text-align: left;float:right;clear:both;}
fieldset {border:none;margin: 9px 0 18px 0; padding:0;}
legend {display:none;}
input, textarea, select  {background-color:#F4F3F0;border:1px solid #000;font-family: Verdana, trebuchet MS, Arial, Helvetica, sans-serif;padding:0.1em;}
input:focus, textarea:focus {border:1px solid #6E9E2E;background-color:#FAFAF8;}
textarea {padding:0.4em;}

label {color:#000;position: absolute !important; text-align:right; !important;margin:0;padding: 0;}

label.radio {position: absolute !important;width:auto !important;margin-bottom: 0.5em;text-align:left;}
input.radio {margin-left:95px;border:none;background-color:transparent;}

input.check {border:none;background-color:transparent;}
label.check {color:#000;z-index:999;position: static !important;width:auto !important;margin-bottom: 0.5em;text-align:left;}

form#inloggen label, form#loginform label  {text-align:left;}
.inputwidth {width:196px; margin-bottom: 0.5em;margin-left:97px;}
.inputwidth2 {width:180px; margin-bottom: 0.5em;margin-left:97px;}
.textareawidth  {width:285px;margin: 0;margin-bottom: 0.5em;}
input.inputwidthupload {width:100px; margin-bottom: 0.5em;margin-left:95px;}

#loginbtn.clickableWidget,#logoutbtn.clickableWidget2 {display:block;float:left;margin-left:0;}

.clickableWidget {float:right;padding:2px;margin-left:1em; font-family: "Helvetica nueue", Helvetica, Arial, sans-serif; letter-spacing: normal;color: #333333;text-decoration: none;border-top: 3px double #CCCCCC;border-right: 3px double #999999;border-bottom: 3px double #999999;border-left: 3px double #CCCCCC;text-decoration: none;background-color: #ffffff;background-image: url(../images/background_form_element.gif);}
.clickableWidget:link,.clickableWidget:visited  {padding:2px; letter-spacing: normal;text-decoration: none;background-color: #FFFFFF;color: #000000;}
.clickableWidget:hover,.clickableWidget:active,.clickableWidget:focus {padding:2px; letter-spacing: normal;color: #333333;border-top: 3px double #999999;border-right: 3px double #CCCCCC;border-bottom: 3px double #CCCCCC;border-left: 3px double #999999;text-decoration: none;background-color: #ffffff;}

.clickableWidget2 {float:right;padding:2px;margin-left:1em; font-family: "Helvetica nueue", Helvetica, Arial, sans-serif;font-weight:bold;letter-spacing: normal;color: #fff;text-decoration: none;border-top: 3px double #AECC88;border-right: 3px double #00351B;border-bottom: 3px double #00351B;border-left: 3px double #AECC88;text-decoration: none;background-color: #6E9E2E;}
.clickableWidget2:link,.clickableWidget2:visited  {padding:2px; letter-spacing: normal;text-decoration: none;background-color: #6E9E2E;color: #FFF;}
.clickableWidget2:active,.clickableWidget2:focus {padding:2px; letter-spacing: normal;color: #FFF;border-top: 3px double #00351B;border-right: 3px double #AECC88;border-bottom: 3px double #AECC88;border-left: 3px double #00351B;text-decoration: none;background-color: #6E9E2E;}

.clickableWidget3 {float:left;padding:2px;font-family: "Helvetica nueue", Helvetica, Arial, sans-serif;font-weight:bold;letter-spacing: normal;color: #fff;text-align: center;vertical-align: middle;color: #FFFFFF;text-decoration: none;margin: 0;background-color: #BA0000;border-top: 3px double #D15454;border-top: 3px double #D15454;border-right: 3px double #970F00;border-bottom: 3px double #970F00;border-left: 3px double #D15454;}
.clickableWidget3:link, .clickableWidget3:visited  {padding:2px;letter-spacing: normal;text-decoration: none;background-color: #BA0000;color: #FFFFFF;}
.clickableWidget3:hover, .clickableWidget3:active, .clickableWidget3:focus {padding:2px;letter-spacing: normal;text-decoration: none;color: #FFFFFF;border-top: 3px double #970F00;border-right: 3px double #C73030;border-bottom: 3px double #C73030;border-left: 3px double #970F00;background-color: #BA0000;}

#maincontent a.clickableWidget img {border:none;display:inline;clear:none;background-color:transparent;margin:0;padding:0;}
.sidebar a.clickableWidget, .sidebar a.clickableWidget2 {float:left;margin: 4px 0;clear:both;display:block;}
fieldset.orderbutton .clickableWidget2 {float:left;margin-left:0;margin-left:0.5em;}
fieldset.orderbutton .clickableWidget {margin-right:0;}
/*forms css*/