body {
  font-family:verdana,arial,sans-serif; 
 background-color: #007F60;
  }
  
.popup  {
  font-family:verdana,arial,sans-serif; 
  background-color:white;
  font-size:11px;
  }  
.print {
  background-color:white;
  font-size:11px;
  }  
  
a:link {text-decoration:underline; color:blue}
a:visited {text-decoration:underline; color:blue}
a:hover {text-decoration:underline; color:black}
a:active {text-decoration:underline; color:red}

#container {
  position:relative;
  width:98%;
  margin:5px auto;
  background-color:#fff;
  }

#nav {
  position:relative;
  float:left;
  width:100%;
  background:#007F60;
  border:0;
  }
  
 
  
#nav ul {
  margin:0;
  list-style:none;
  font-size:12px;
  padding-left:8px;

  }
#nav li {
  float:left;
  margin:0;
  padding:0;
  line-height:normal;
  }  
  
#nav a {
  display:block;
  padding:6px 10px 6px 10px;
  color:#68a;
  text-decoration:none;
  margin-bottom:0;
  }  

    
#nav a.active {
  color:#000;
  background-color:#fff;
  border: 1px solid #666;
  border-bottom:1px solid #fff;	
  border-left-width:0px;
  border-right-width:2px;
  border-top-width:2px;
  background-image:url(../images/corner_active.gif);
  background-repeat:no-repeat;
  }
  
#nav a.inactive {
  color:#000;
  background-color:#E7E3E7;
  border: 1px solid #666;
  background-image:url(../images/corner.gif);
  background-repeat:no-repeat;
  }  
 #nav a.wl_active {
  color:#000;
  background-color:#fff;
  border: 1px solid #DAE3E7;
  border-bottom:1px solid #fff;	
  border-left-width:0px;
  border-right-width:2px;
  border-top-width:2px;
  background-image:url(../images/corner_active.gif);
  background-repeat:no-repeat;
  }
  
#nav a.wl_inactive {
  color:#000;
  background-color:#99CCFF;
  border: 1px solid #666;
  background-image:url(../images/corner.gif);
  background-repeat:no-repeat;
  }   
  
  

#nav a:hover{
  background-color:#666;
  color:#fff;
  text-decoration: none; 
  }
  
#nav a:active {
  color:#000 ;
  text-decoration: none; 
  background-color:#A6C2C8;
  } 

  
#logoff {
  float:right;
  color:white;
  font-size:10px;
  }
#logoff a {
  padding:0;
  margin:0;
  display:inline;
  color:white;
  }  
#logoff a:hover  {
  background:none;
  color:red;
  }   
#main  {
  position:relative;
  float:left;
  width:100%;
  background:white;
  text-align:left;
  font-size:12px;
  }
#content {
  margin:15px;
  }

#footer {
  position:relative;
  clear:left;
  text-align:center;
  width:100%;
  border-top:3px solid #EFCF00;
  background:white;
  }
#footer p {
  font-size:10px;
  padding:10px;
  }
#footer a {
  color: black;
  font-size:10px;
  }
#footer a:hover {
  text-decoration:none;
  border-bottom: 1px dashed;
  }

#login {
  font-size:10px;
  }

label  {
  float:left;
  text-align:right;
  width:100px;
  margin-right:6px;
    }  
#login input  {
  text-align:left;
  margin-bottom:3px;
  }
textarea  {
  font-family:verdana,arial,sans-serif;  
  font-size:11px; 
  }
 
h1 {
  font-size:14px;
  }
h2 {
  font-size:13px;
  padding-bottom:3px;
  border-bottom:3px solid #CCC;
  }
h3 {
  font-size:12px;
  }


.rowEven {
	background-color: #ddd;
	text-align:left;
}

.rowOdd {
	background-color: #fff;
	text-align:left;
}

.rowHover {
	background-color: #F2C655;
	text-align:left;
}
#valuta  {
  position:relative;
  float:right;
  background-color:#DAE3E7;
  border: 1px solid #022F5B;
  padding:15px;
  font-size:12px;
  margin-right:40px;
  }

.prijstabel td {
padding-bottom: 5px;
padding-top:5px;
}
.prijzentabel td {
padding-bottom: 2px;
padding-top:2px;
}

.nieuweprijs, .verwijderprijs {
margin: 0 2px;
display:inline;
}

/*
 * jQuery UI Dialog 1.8.7
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Dialog#theming
 */
.ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden;font-size:11px; }
.ui-dialog label {font-size:11px;}
.ui-dialog input {width:180px;font-size:11px;margin-bottom:2px;}
.ui-dialog .ui-dialog-titlebar { padding: .5em 1em .3em; position: relative;  }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .2em 0; font-size:11px; } 
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; }
.ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }
/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


.disabled  {color:#999999;}
