body { font-family : 'Arial', 'Lucida Grande', 'Verdana', Sans-serif; color: #000; font-size: 11px; padding:0px;margin:0px;padding:1%;}
a:link, a:visited, a:active { color: #430396 }
a:hover { }
a { border: 0; }
img, input.image { border: 0; }
table { font-size: 11px; }
.clear { clear: both; }
.clearright { clear: right; }
.right { float:right; }
h1 { font-size:18px;font-family: Arial; color:#430396; padding-top:10px;}
h2 { font-size:15px;font-family: Arial; color:#430396; padding-top:10px;}

div#top { padding-bottom: 20px; clear:both; }
div#auth { padding-top: 50px; width:400px; }
div#auth div.frame div.content { padding-left: 15px; }
div#menu { float: left; width: 184px;}
div#menu div.frame div.content { padding: 8px; }
div#menu div.frame div.content div.subheader { font-weight: bold; margin-bottom: 5px; }
div.frame div.header { height: 20px; }
*div.frame div.header { margin-left:-3px;}
div.frame div.header div.title{ font-weight: bold; color: #ffffff; line-height: 20px;}
div.frame div.content {	padding: 10px;}
div.frame div.content div.links { clear:right;background-color: #f9f9f9; line-height: 20px; height: 20px; position: relative; top: -10px; padding-top: 3px; margin-left: -10px; margin-right: -10px; border-bottom: 1px solid #430396; }
div.frame div.content > div.links { padding-top: 0px; }
div.frame div.content div.links a { text-decoration:none; }
div.frame div.content div.links a:hover { text-decoration:underline; }

div.frame div.content div.links span.header { font-weight: bold; padding-right:10px; padding-left:8px;}
table.datatable { border-collapse: collapse; }
table.datatable tr.header, .row { color: #ffffff; font-weight: bold; }
table.datatable tr.header td, .row { padding-right: 5px; padding-top: 2px; padding-bottom: 2px; }
table.datatable td { padding-left: 5px; padding-right: 10px; padding-top: 3px; padding-bottom: 3px; line-height:21px;}
div#main { margin-left: 200px;}
.row { background-color:#430396;}
table.notification { margin-left: 1px; 	margin-bottom: 20px; }
table.notification td.text { width: 450px; padding-left: 10px; vertical-align: middle; text-align: left; }
.sidenote { padding-bottom:10px;}
.sidenote li , .sidenote ul li{ list-style:none;}
/* spamfilter */
.info_kop { font-weight: bold; }
.sub_kop { border: 1px solid #FFFFFF; }
.hoofd_sub_kop { background-color: #283A87; width: 100%; border: 1px solid #000000; color: #FFFFFF; font-weight: bold; }
#normalMode { width: 100%; background-color: #E6E6E6; }
#advancedMode { width: 100%; background-color: #E6E6E6; }
#advancedMode td, #normalMode td { border: 1px solid #FFFFFF; }
.kop { color: #193E90; font-weight: bold; }
form { padding: 0px; margin: 0px; }
.error { color: #FF0000; }

/* facturen */
.factuur_container { with: 100%; }
.kop { font-weight: bold; color: #FFFFFF; }
table#table_kop { background-color: #193E90; width: 100%; }
#factuur_items { width: 100%; }
#factuur_items td { border: 1px solid #FFFFFF; }
.grey { height: 21px; background-color: #DDDDDD; }
#factuur_top { background-color: #DDD; width: 100%; }

textarea, input, select{ font-size: 11px; border: 1px solid #666; color: #430396;}
input[type="text"], select {padding:2px;} /* stupid ie6 fix */


/* MENU */
ul.menu { padding:0px;margin:0px;padding-bottom:10px;}
ul.menu li { list-style:none;line-height:19px; padding:0px;margin:0px;}
ul.menu li a { padding-left:10px;border-top:1px solid #FFF; border-bottom:1px solid #f3f3f3; background-color:#fafaff;text-decoration:none; display:block; height:19px;}
ul.menu li a:hover { border-bottom:1px solid #FFF; background-color:#430396; color:#FFF;}

/* Buttons */
.icon { background-position:0px 0px; padding-top:1x; padding-bottom:1px;padding-left:19px; background-repeat:no-repeat;line-height:23px;}
.prf { background-image:url('/images/icons/page_white_office.png');}
.user_add { background-image:url('/images/icons/user_add.png');}
.user_edit { background-image:url('/images/icons/user_edit.png');}
.user_remove { background-image:url('/images/icons/user_delete.png');}
.search { background-image:url('/images/icons/magnifier.png');}

.buttons a, .buttons button{ display:block; float:left; margin:0 7px 0 0; background-color:#f5f5f5; border:1px solid #dedede; border-top:1px solid #eee; border-left:1px solid #eee; line-height:130%; text-decoration:none; color:#430396; cursor:pointer; padding:2px 7px 4px 3px; /* Links */ }
.buttons button{ width:auto; overflow:visible; padding:4px 10px 3px 7px; /* IE6 */ }
.buttons button[type]{ padding:5px 10px 5px 7px; /* Firefox */ line-height:17px; /* Safari */ }
.buttons button img, .buttons a img{ margin:0 3px -3px 0 !important; padding:0; border:none; width:16px; height:16px; }

/* STANDARD */
button:hover, .buttons a:hover{ background-color:#dff4ff; border:1px solid #430396; color:#336699; }
.buttons a:active{ background-color:#6299c5; border:1px solid #6299c5; color:#fff; }

/* POSITIVE */
button.positive, .buttons a.positive{ color:#529214; }
.buttons a.positive:hover, button.positive:hover{ background-color:#E6EFC2; border:1px solid #C6D880; color:#529214; }
.buttons a.positive:active{ background-color:#529214; border:1px solid #529214; color:#fff; }

/* NEGATIVE */
.buttons a.negative, button.negative{ color:#d12f19; }
.buttons a.negative:hover, button.negative:hover{ background:#fbe3e4; border:1px solid #fbc2c4; color:#d12f19; }
.buttons a.negative:active{ background-color:#d12f19; border:1px solid #d12f19; color:#fff; }

/* NPUB Nieuws */
.news_header {
    padding: 0 0 13px 13px;
    border-bottom: 1px solid #BDC9DF;
    line-height: 10px;
    background: url("http://static.userservices.nl/images/plusje_paars.gif") no-repeat;
}  
.news_single_header { line-height: 10px; border-bottom: 1px solid #BDC9DF;}
.news_header:hover{ cursor: pointer; opacity: 0.8; }
.news_item, .latest_news{ width: 540px; }
.news_date, #more_news{ float:right; }
.news_open{ background-image: url("http://static.userservices.nl/images/minnetje_paars.gif"); }
.news_overview{ width: 400px; }
.news_title{ float: left; }

/* Webmail faq */
#webmail_faq {
    width: 100%;
    margin-bottom: 10px;
}
#webmail_faq td {
    width: 50%;
}