body{margin:0;padding:0;background-color:white;/*#ececec;*/font-family:Verdana,sans-serif;font-size:0.8em;color:#333}
a{color:#0099ff;text-decoration:none}
a:hover{color:#A4BCDE}
a.showHide:hover{cursor:pointer}
img{border:0px}
.clearLeft{clear:left;height:1px;font-size:1px}
.clearRight{clear:right;height:1px;font-size:1px}
.clearBoth{clear:both;height:1px;font-size:1px}
.floatLeft{float:left;height:1px;font-size:1px}
.floatRight{float:right;height:1px;font-size:1px}
.highlight{font-weight:bold;color:#0067B6}
.grey{color:#999}
.darker { color:#aaa; }
.center { margin:0 auto 0 auto; }
p.message { padding:15px; width:480px; text-align:center;background-color:#F2FFF8; border:1px solid #B9F8AF;color:#339900;margin:40px 0;}
#container{}
#header{padding:0px 0 15px 15px; border-bottom:1px solid #eee; position:relative;}
.logo { margin:100px auto 30px auto; text-align:center;display:block;}
#menu {padding:10px 0 0 0}
#menu .logoHome { width:125px; float:left; }
#menu .aTillZ {  float:left; text-align:right;padding:16px 0 0 80px; color:#ddd; font-size:14px;}
#menu .end { clear:left; }
#menu .aTillZ .colPerson, #menu .aTillZ .colCompany, #menu .aTillZ .colTags {
	position:relative; float:left; margin-left:20px;
}
#menu .aTillZ .colPerson { margin-left:0; }
#menu .aTillZ .menuTrigger { cursor:pointer; display:inline-block; padding:2px 4px; }
#menu .aTillZ .menuTrigger:hover { color:#333; }
#menu .aTillZ .aTillZPopup {
	display:none;
	position:absolute; top:100%; right:-200px; left:auto;
	background:#fff; border:1px solid #ccc; border-radius:6px;
	padding:10px; margin:0;
	width:234px; white-space:normal; text-align:left;
	box-shadow:0 2px 6px rgba(0,0,0,0.15);
	z-index:100;
}
#menu .aTillZ .aTillZActions {
	padding-bottom:8px; margin-bottom:8px; border-bottom:1px solid #eee;
}
#menu .aTillZ .aTillZActions a {
	display:inline-block; padding:3px 8px 3px 0; color:#0099ff;
	font-weight:bold;
}
#menu .aTillZ .aTillZLetters {
	display:grid;
	grid-template-columns:repeat(9, 1fr);
	gap:2px;
}
#menu .aTillZ .aTillZPopup a {
	color:#0099ff; border-radius:3px;
}
#menu .aTillZ .aTillZLetters a {
	display:block; text-align:center; padding:5px 0;
}
#menu .aTillZ .aTillZPopup a:hover {
	background:#f2f8ff; color:#333; text-decoration:none;
}
#menu .aTillZ .colPerson:hover .aTillZPopup,
#menu .aTillZ .colCompany:hover .aTillZPopup,
#menu .aTillZ .colTags:hover .aTillZPopup,
#menu .aTillZ .aTillZPopup:hover { display:block; }
#headerSearch { position:absolute; top:31px; right:65px; }
#headerSearch input { width:180px; padding:4px 6px; border:1px solid #bbb; }
#headerSettings { position:absolute; top:29px; right:30px; }
#headerSettings a { color:#999; font-size:20px; text-decoration:none; }
#headerSettings a:hover { color:#333; }
#main{margin-top:00px;padding:0px 0 0px 0;background-color:white;min-height:500px}
#content{padding:0px 0 15px 15px;}
#sidebar{width:333px;float:right;margin:-17px 0 0 0}
#hiddenForwarder{padding:50px 50px;display:none}
#hiddenForwarder a{font-size:1.2em}
#search{padding:10px 0 0 15px}
#search input{border:1px solid #aaa;color:#666666}
h1{padding:20px 0px 10px 0px;margin:0;color:#797979;font-size:1.5em;font-weight:normal}
h2{color:#777;padding:20px 5px 5px 0;margin:5px 0 0px 0;font-size:1.1em;font-weight:bold}
h3{color:#0099ff;padding:10px 0 0px 0;margin:5px 0 0px 0;font-size:1.1em;font-weight:normal}
p{line-height:1.35em;padding:0 75px 0 0;margin:15px 0 0px 0}
#content .articleCapTexPicSmall{}
#content .articleCapTexPicSmall p, #content .articleCapTexPicMini p{padding-right:0}
#content .articleCapTexPicSmall .text{width:200px;float:left}
#content .articleCapTexPicMini .text{width:350px;float:left}
#content .articleCapTexPicSmall .pic, #content .articleCapTexPicSmall .picSmall{padding-top:15px;width:250px;float:right}
#content .articleCapTexPicMini .pic{padding-top:15px;width:100px;float:right}
#content .special{}
#content .special p{padding:3px;color:#FF6600;font-weight:bold}
#content .failure p{padding:10px 10px;color:#FF6600;font-weight:bold;text-align:center}
#content ul li, #content ol li{margin:8px 0 8px 0;line-height:1.35em}
#homeMenu { width:100%;margin:30px 0;height:500px;background:white url("../img/homeMenu.png") no-repeat;  }
#homeMenu a { display:block;width:92px;height:144px;float:left; }
#homeMenu a:hover { border:1px solid #ccc; }
#homeMenu .end { clear:left; }
#footer{height:10px}
#copyright{position:absolute;margin:80px 0 0 78px}
fieldset{width:480px;padding:20px 0px 30px 30px;text-align:left;background-color:#fdfdfd;border:1px solid #f0f0f0;margin:20px 0 20px 0}
fieldset legend{font-weight:bold;color:#999}
fieldset label{vertical-align:top}
fieldset .entry, fieldset .entry-vertical{padding-top:10px}
fieldset .entry .label{float:left;padding:4px 15px 0 0;width:175px;vertical-align:top;text-align:right;}
fieldset .entry-vertical .label{padding:10px 0 5px 0}
fieldset .entry .input{float:left;width:250px}
fieldset .entry .entryEnd{clear:left}
fieldset input, fieldset select{width:30%;border:1px solid #bbb;font-family:verdana,sans-serif;font-size:1.0em;padding:2px 3px 2px 3px;margin-right:10px}
textarea{width:99%;height:60px;border:1px solid #bbb;font-family:verdana,sans-serif;font-size:1.0em;padding:5px 3px 5px 3px;margin-right:10px;color:#333}
fieldset .entry-vertical textarea{height:300px}
textarea.mediumhigh{height:100px !important}
fieldset input.checkbox{width:15px;height:15px;background-color:white;border:1px solid #bbb}
fieldset input.readonly{background-color:#ededed}
fieldset input.radio{width:15px;height:15px;background-color:white;border:0}
/*form .submit2{border:1px solid #999;background-color:white;width:auto;font-family:verdana,sans-serif;margin-left:31px}*/
form .submit2, form .submit3{margin:10px 0 0 222px;border:1px solid #0099ff;background-color:#56BBFE;font-family:verdana,sans-serif;padding:5px 10px;color:white;cursor:pointer;border-radius:4px;}
a.btn{display:inline-block;border:1px solid #0099ff;background-color:#56BBFE;font-family:verdana,sans-serif;padding:5px 10px;color:#fff;cursor:pointer;border-radius:4px;text-decoration:none;}
a.btn:hover{border:1px solid #fff;color:#fff;text-decoration:none;}
form .submit2 { margin-left:0 !important; padding:3px 10px;}
form .submit3:hover,form .submit2:hover  { border:1px solid white; }
fieldset .entry .fillMe{border:1px solid #FF6600 !important}
fieldset .entry .dateDay, fieldset .entry .dateMonth{width:50px}
fieldset .entry .dateYear{width:75px}
#form_mail{width:475px;border-top:1px solid #dfdfdf;margin-top:20px}
#form_mail .row{clear:both;padding:15px 0 10px 0}
#form_mail .row .col1{width:170px;float:left;padding-top:5px}
#form_mail .row .col2,#form_mail .row .col2b{width:212px;float:right}
#form_mail .row textarea,#form_mail .row input,#form_mail .row select{width:100%;border:1px solid #dfdfdf;color:#666666;font-family:arial,sans-serif;font-size:1.0em;background-color:white}
#form_mail .row .col2b input{width:80px;border:1px solid #dfdfdf}
#form_mail .row textarea{height:150px}
#form_mail .submit{background-color:white;border:1px solid #dfdfdf}
#form_mail .fill_me{visibility:hidden;display:none}
.hashimage{vertical-align:top;margin-top:-2px;border:0 !important}
.hashLink{padding:0 !important;border:0 !important;margin:0 !important}
div.table h2, div.easyTable h2{font-weight:bold}
div.table h3, div.easyTable h3{margin-bottom:5px}
div.table{padding:10px 10px 0 0}
div.table .row{padding:7px 0 2px 0;border-bottom:1px dotted #ddd}
div.table .row p{margin:0 !important;padding:0 !important}
div.table .row .col1{float:left;width:50%}
div.table .row .col2{float:left;width:50%}
div.table .row .col1b{float:left;width:70%;padding-right:10%}
div.table .row .col2b{float:left;width:20%}
div.table .row a{padding-left:0px}
div.table .row .rowEnd{clear:left}
div.dataTable{width:100%; margin-left:-15px;}
div.dataTable .name{width:310px;float:left;color:#333;font-size:1.05em}
div.dataTable .importantNotice{width:15px;float:left}
div.dataTable .assignments{width:20px;float:left}
div.dataTable .street{width:200px;float:left}
div.dataTable .postcode{width:80px;float:left}
div.dataTable .streetpost{width:280px;float:left;color:#999}
div.dataTable .city{width:200px;float:left}
div.dataTable .phone{width:150px;float:left}
div.dataTable .fax{width:150px;float:left}
div.dataTable .email{width:200px;float:left}
div.dataTable .homepage{width:200px;float:left}
div.dataTable .rowEven, div.dataTable .rowOdd{padding:7px 0 5px 15px;}
div.dataTable div .rowEven, div.dataTable div .rowOdd { padding-left:0 !important; }
div.dataTable .rowOdd{background-color:#FAFAFA;}
div.dataTable .caption{width:310px;float:left}
div.dataTable .price{text-align:right;padding-right:25px;width:80px;float:left}
div.dataTable .from{width:100px;float:left}
div.dataTable .till{width:100px;float:left}
div.dataTable .delivered{width:100px;float:left}
div.dataTable .created{width:150px;float:left}
div.dataTable .rowPerson{border-top:1px dotted #dfdfdf;margin:2px 0 0 0;padding:4px 0 2px 0}
div.dataTable .rowPerson .name{width:290px;padding-left:20px;color:#555;font-size:1.0em}
div.dataTable .name a{display:block}
div.dataTable a:hover{text-decoration:underline;color:#333}
div.dataTable .apTitle{width:320px;float:left}
div.dataTable .apDue{width:90px;float:left}
div.dataTable .apContact{width:160px;float:left}
div.dataTable .apActions{width:230px;float:left;white-space:nowrap}
.apOverdue{margin-left:15px;border-left:4px solid #cc0000;padding-left:11px !important}
.apSoon{margin-left:15px;border-left:4px solid #FF6600;padding-left:11px !important}
.apFuture{margin-left:15px;border-left:4px solid #339900;padding-left:11px !important}
.apDone{margin-left:15px;border-left:4px solid #999;padding-left:11px !important;opacity:0.6}
.duSoon{margin-left:15px;border-left:4px solid #FF6600;padding-left:11px !important}
.duLate{margin-left:15px;border-left:4px solid #cc0000;padding-left:11px !important}
.duCritical{margin-left:15px;border-left:4px solid #8b0000;padding-left:11px !important}
table.dataTable{}
table.dataTable td{padding:5px 10px 3px 5px}
table.dataTable td a{display:block}
.lr{}
.lr .left{float:left;width:50%}
.lr .right{float:right;width:45%}
.lmr .left{float:left;width:33%}
.lmr .middle{float:left;width:33%}
.lmr .right{float:left;width:33%}
.configLayout .lr .left{float:left;width:300px}
.configLayout .lr .right{float:left;width:calc(100% - 320px);margin-left:20px;box-sizing:border-box}
.configLayout .lr .right img{max-width:100%;height:auto}
#homeView { width:800px; }
table.dataTable tr.odd{background-color:#efefef}
table.dataTable a:hover{background-color:#dfdfdf}
.notes textarea{margin:15px 0 10px 0;height:30px !important}
.checkbox{margin-right:5px !important}
.notes input.submit3{margin:15px 0 0 0 !important;width:auto !important;}
.notes .noteEntry, .notes .noteEntryImportant{margin:10px 0 0 0;padding:0 0 5px 0;border-bottom:1px dotted #dfdfdf}
.notes .noteEntryImportant p{color:red}
.stats { width:450px; border:1px solid #ddd; margin:10px 0}
.stats .month{ height:15px;margin:10px; float:left;}
.stats .line{ height:10px; background-color: #ddd; margin:13px 0 0 0; float:left;}
.stats .euro { height:15px; margin:10px; float:left;}
.stats .end { clear:left; }
.tags-box{margin:10px 0}
.tags-box .tags{margin:0 0 8px 0}
.tags-box .tag{display:inline-block;background-color:#efefef;border:1px solid #dfdfdf;
	border-radius:10px;padding:2px 8px;margin:0 5px 5px 0;font-size:11px;cursor:default}
.tags-box .tag a{text-decoration:none}
.tags-box .tag a.tagDel{color:#900;margin-left:4px;font-weight:bold;cursor:pointer}
.tags-box input[name="tagName"]{width:140px !important;border:1px solid #bbb;
	font-family:verdana,sans-serif;font-size:1.0em;padding:5px 3px;color:#333;
	margin-right:0 !important}
.tags-box a.tagLink{display:inline-block;background-color:#efefef;border:1px solid #dfdfdf;
	border-radius:10px;padding:2px 8px;margin:0 5px 5px 0;font-size:11px;
	color:#333;text-decoration:none;cursor:pointer}
.tags-box a.tagLink:hover{background-color:#dfdfdf}
.tags-box a.tagLink .tagCount{color:#999}
.placeholderList{margin:20px 0 0 0;max-width:480px}
.placeholderList .tags{margin:0 0 10px 0}
.placeholderList .tag{display:inline-block;background-color:#eef4fb;border:1px solid #b7d0ea;
	border-radius:10px;padding:2px 8px;margin:0 5px 5px 0;font-size:11px;
	color:#333;text-decoration:none;cursor:pointer}
.placeholderList .tag:hover{background-color:#dfeaf7}