@charset "utf-8";
/* CSS Document */

/* CLEARFIX */
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

body {margin: 0; font-size: 69%; font-family: Verdana, Geneva, sans-serif; background-color: #fff; text-align: center; color: #222;}
body#print {text-align: left; padding: 20px;}
h1 {margin: 0 0 0.5em 0; font-family: 'Ubuntu Condensed', Arial, sans-serif; font-size: 250%; color: #f30;}
h2 {margin: 0 0 0.5em 0; font-family: 'Ubuntu Condensed', Arial, sans-serif; font-size: 200%; color: #06c; border-bottom: 1px solid #b2d1f0;}
h3 {margin: 0 0 0.5em 0; font-family: 'Ubuntu Condensed', Arial, sans-serif; font-size: 160%; color: #f30;}
h4 {margin: 0 0 0.5em 0; font-family: 'Ubuntu Condensed', Arial, sans-serif; font-size: 130%; color: #f30;}
a:LINK {}
a:VISITED {}
a:HOVER{}
a:ACTIVE {}
p {margin: 0 0 1em 0; text-align: left;}

form {margin: 0;}
.submitknop {margin: 10px 0 0 160px;}
.formrow label {float: left; width: 160px; }
label.inline {float: none; width: auto;}
label.inline.next {float: none; width: auto; margin-left: 20px;}
.formrow, fieldset {margin-bottom: 10px;}
input, select, textarea {border: 1px solid #ccc; font-size: 100%; padding: 3px; font-family: Verdana, Geneva, sans-serif;}
input:FOCUS, select:FOCUS, textarea:FOCUS {border: 1px solid #666;}
.formrow select {width: 240px;}
textarea {width: 400px; height: 140px;}
.formhint {margin: 3px 0 0 160px; font-style: italic; background: url("img/icon_info.png") no-repeat center left; padding-left: 20px; color: #0062C8;}
.formerror, .formerror:FOCUS {border: 1px solid #e00; border-right: 2px solid #e00; border-bottom: 2px solid #e00;}
.mandatory:BEFORE {content: "* "; font-weight: normal; }
legend {font-weight: bold;}

img, a img {border: 0;}

.error {background: #ce0100 url("img/bg_error.png") repeat-x; color: #fff; font-weight: bold; padding: 5px; border: 1px solid #bb0500; margin-bottom: 10px;}
.error p {background: url("img/icon_error.png") no-repeat; padding-left: 20px; margin: 0;}

.success {background: #028d00 url("img/bg_success.png") repeat-x; color: #fff; font-weight: bold; padding: 5px; border: 1px solid #047700; margin-bottom: 10px;}
.success p {background: url("img/icon_success.png") no-repeat; padding-left: 20px; margin: 0;}

.warning {background: #fec006 url("img/bg_warning.png") repeat-x; color: #666; font-weight: bold; padding: 5px; border: 1px solid #cc9900; margin-bottom: 10px;}
.warning p {background: url("img/icon_warning.png") no-repeat; padding-left: 20px; margin: 0;}

.info {background: #c9d8dd url("img/bg_info.png") repeat-x; color: #666; font-weight: normal; padding: 5px; border: 1px solid #ccc; margin-bottom: 10px;}
.info p {background: url("img/icon_info.png") no-repeat; padding-left: 20px; margin: 0;}

.error a, .success a {color: #fff;}
.warning a, .info a {color: #666;}

.back {background: url("img/icon_back.png") no-repeat; padding-left: 20px; color: #0000b1; font-weight: bold;}
.back a {color: #0000b1;}

a.add {margin-top: 1em; padding: 2px 0 2px 20px; background: url("img/add.png") 0em 0.2em no-repeat; color: #22AA11; font-weight: bold; font-size: 108%;}
a.print {margin-top: 1em; padding: 6px 20px 6px 40px;  color: #222; font-weight: bold; font-size: 108%;
	text-decoration: none;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #999;
	background: url("img/printer.png") 20px 6px no-repeat, #eee; /* for non-css3 browsers */
	background: url("img/printer.png") 20px 6px no-repeat, -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc)); /* for webkit browsers */
	background: url("img/printer.png") 20px 6px no-repeat, -moz-linear-gradient(top,  #fff,  #ccc); /* for firefox 3.6+ */ 
	}

#topbar {background: url("img/bg_top.jpg") repeat-x; color: #666; height: 24px; padding: 0px 0 6px 10px; position: fixed; top: 0; left: 0; width: 100%; text-align: left; z-index: 100;}
#topbarleft {width: 30%; float: left; padding: 3px 0 0 0;}
#topbarright {width: 65%; float: right; text-align: right; padding: 8px 0 0 0;}
#topbar ul {list-style-type: none; margin: 0; padding: 0;}
#topbar ul li {display: inline;}
#topbar #topbarleft ul li {margin-right: 16px;}
#topbar #topbarright ul li {margin-left: 16px;}
#topbar ul li.home {background: url("img/home.png") no-repeat center left; padding-left: 20px; font-size: 167%;}
#topbar ul li.user {background: url("img/user1.png") no-repeat center left; padding-left: 20px;}
#topbar ul li.logout {background: url("img/logout.png") no-repeat center left; padding-left: 20px; margin-right: 20px;}
#topbar ul li a {color: #666; text-decoration: none;}
#topbar ul li.home a {color: #06c; font-weight: bold;}
#topbar ul li.logout a {color: #c00; font-weight: bold;}


#footer {background-color: #111; color: #ccc; height: 24px; padding: 8px 0 0 0; position: fixed; bottom: 0; left: 0; width: 100%; text-align: left;}
#footer ul {list-style-type: none; margin: 0; padding: 0; text-align: right;}
#footer ul li {display: inline; margin-left: 16px;}
#footer ul li.bug {background: url("img/bug.png") no-repeat center left; padding-left: 20px; margin-right: 20px;}
#footer ul li a {color: #ccc; text-decoration: none;}


#workspace_frame {width: 98%; margin: 50px auto 100px auto;}
#workspace {text-align: left;}

#login {width: 400px; border: 1px solid #b9b9b9; background-color: #e9e9e9; margin: 200px auto; text-align: left; padding: 10px;}

#passwordstrength {font-weight: bold;}
.veryweak {color: #e00;}
.weak {color: #f90;}
.strong {color: #090;}

#modules {margin-bottom: 36px;}
#modules ul {list-style-type: none; margin: 0; padding: 0;}
#modules ul li {float: left; width: 180px; margin: 0 15px 15px 0;}

#news {}
.newsitem {margin-bottom: 24px;}
.newsdate {font-weight: normal; color: #06c; margin-right: 24px;}
.newstitle {font-weight: bold; margin: 0 0 0.3em 0;}
.newscontent {margin-left: 110px;}

#modulepage {width: 100%;}
#modulemenu {width: 180px; position: absolute; top: 50px; left: 15px; z-index: 50;}
#modulecontent {padding-left: 220px;}
#moduleimg {margin-bottom: 20px;}

.menublock {margin-bottom: 24px; }
.menublock h2 {border: 0; margin: 0; background-color: #666; color: #fff; padding: 5px; font-size: 180%;}
.menublock ul {list-style-type: none; margin: 0; border: 1px solid #ccc; background-color: #e9e9e9; padding: 10px;}
.menublock ul li {}
.menublock ul.default li {margin-bottom: 6px;}
.menublock ul li a {text-decoration: none;}
.menublock ul li a:LINK, .menublock ul li a:VISITED {color: #222;}
.menublock ul li a:HOVER, .menublock ul li a:ACTIVE {color: #f30;}
.menublock ul li.actief a {color: #f30; font-weight: bold;}
.menublock ul ul {border: 0; background-color: transparent;}

table.datagrid {width: 100%; padding: 0; border-collapse: collapse; margin-bottom: 24px;}
table.datagrid td {padding: 5px; border-bottom: 1px solid #ccc; page-break-before: auto;}
table.datagrid th {background-color: #666; color: #fff; padding: 5px; text-align: left;}
table.datagrid tr:HOVER {background-color: #eee;}
table.datagrid tr.nohover:HOVER {background-color: #fff;}
tr.border td {border-top: 3px solid #C00;}
th a:LINK, th a:VISITED, th a:HOVER, th a:ACTIVE {color: #fff; text-decoration: none;}

#print table.datagrid td {border-right: 1px solid #ccc; border-left: 1px solid #ccc;}

.icons {text-align: right;}

.toolbar {border: 1px solid #ccc; background-color: #e9e9e9; padding: 10px; margin-bottom: 10px;}
.toolbar select {width: auto;}

.disabled {color: #999;}


.topmarge-6 {margin-top: 6px;}
.topmarge-12 {margin-top: 12px;}
.topmarge-24 {margin-top: 24px;}
.bottommarge-6 {margin-bottom: 6px;}
.bottommarge-12 {margin-bottom: 12px;}
.bottommarge-24 {margin-bottom: 24px;}