body { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 8.5pt; line-height: 12pt; font-color: #000; background: #fff url(/data/1/img/bg-default.jpg) repeat-x scroll center top; color: #484848; margin: 0; }
img { border: none; }
a { color: #333; }
h2 { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; background-image: url(/data/1/img/h2-bg.gif); background-repeat: no-repeat; background-position: 0 0; margin: 0; padding: 19px 0 0 29px; height: 21px; font-size: 1.2em; color: #666; }	
input { font-size: 8.5pt}
.divider { background: transparent url(/data/1/img/divider.gif) 0 0 no-repeat; height: 3px; padding: 0; margin: 10px 0; line-height: 3px; font-size:3px; }
.column { float: left; }
.wide { width: 250px; }
.wider { width: 480px; }
.full { width: 730px; }

#container { margin: 20px auto 0 auto; width: 730px; padding: 5px; background: #fff url(/data/1/img/bg-container.gif) repeat-y top center; padding-bottom: 0; }						
#logo strong, #navigation strong { display: none; }
#header { font-family: Arial, Helvetica, sans-serif; background: #069 url(/data/1/img/header-bg-default.jpg) top center no-repeat; height: 295px; position: relative; margin: 0; padding: 0; }
#header #logo { position: absolute; background: transparent url(/data/1/img/xenco-logo.png) 0 0 no-repeat; height: 60px; width: 250px; top: 40px; left: 30px; margin: 0; padding: 0; }
#header .menu { position: absolute; list-style-type: none; bottom: 0; left: 0; width: 100%;  height: 40px; text-align: center;}
#header .menu ul { margin: 0; padding: 0; background: transparent url(/data/1/img/menu-bg-default.jpg) 0 0 repeat-x; height: 100%; list-style-type: none; padding-left: 25px; }
#header .menu li { float: left; display: block; }
#header .menu li a { float: left; padding: 15px 20px 0; height: 24px; text-transform: uppercase; font-weight: bold; color: #fff; text-decoration: none; font-size: 1.2em; border-width: 1px; border-bottom-width: 0; border-style: solid; border-color: #c4da61; border-left-color: #718b00; }
#header .menu li a:hover { background: #f6f6f5 url(/data/1/img/menu-bg-default.jpg) repeat-x 0 -40px; color: #777; border-color: #f6f6f5; }
	#header .menu .home a { border-left: none; }
	#header .menu .customers a { border-right: none; }
#navigation { background-color: #fff; list-style-type: none; position: absolute; top: 0; right: 0; margin: 0; padding: 0 0 5px 5px; }
#navigation li { float: left; display: block; }
#navigation li a { float: left; width: 50px; height: 15px; background-image: url(/data/1/img/navigation.gif); background-repeat: no-repeat; background-position: 0 0;  }
	#navigation .home a { background-position: 0 0; }
	#navigation .sitemap a { background-position: -50px 0; }
	#navigation .contact a { background-position: -100px 0; }
	
.content, .app, .info { padding-bottom: 10px; }
.content p, .app p, .app form, .info p, .info li, .info .hcard { margin: 0; margin-left: 30px; margin-right: 4px; padding: 2px 0; }
.content a, .app a, .info a {  color: #006E9F; text-decoration: none; }
.content a:hover, .app a:hover, .info a :hover { text-decoration: underline; }
// a0c400
.content {  }
	.content h2 { background-position: 0 -40px; background-color: #f6f6f5; }
	.content h3 { color: #a0c400; margin: 0; margin-left: 30px; font-size: 1.3em; padding: 0; padding-top: 30px; }
	.content h4 { color: #a0c400; margin: 0; margin-left: 30px; font-size: 1.2em; padding: 0; padding-top: 10px; }
.app { background: #dedede url(/data/1/img/app-bg.gif) left bottom repeat-x; }
	.app h2 { background-position: 0 0; }
	.app form label { float: left; width: 70px; }
	.app input.text { width: 130px; margin-bottom: 2px; border: 1px solid #ccc; }
.info { background-color: #f2f2f2; }
	.info h2 { background-position: 0 -80px; }
	.info ul { margin: 0; padding: 0; list-style-type: none; }
					
.btnbar { text-align: right; padding-right: 15px; margin-top: 5px; }
.btnbar .button { cursor: pointer; background-color: transparent; background-image: url(/data/1/img/buttons.gif); background-position:0 0; background-repeat: no-repeat; text-align: center; padding: 0; color: #fff; border: none; padding: 1px 8px; height: 17px; }
	.btnbar .ok { width: 40px; background-position: 0 -20px; }
	.btnbar .meerinfo { width: 70px; background-position: 0 -80px; }
	.btnbar .bestel { width: 60px; background-position: 0 -60px; }
	.btnbar .bekijkportfolio { width: 100px; background-position: 0 -140px; }
.photoframe { text-align: center; margin: 10px 0; }
	.photoframe img { border: 1px solid #ccc; margin: 1px 2px; }

#footer { background-color: #a0c400; color: #fff; font-size: 0.8em; clear: both; text-align: center; padding: 2px 0; }
#footer a { color: #fff; }
.hcard .org { font-weight: bold; }
.hcard .locality { text-transform: uppercase; }
.hcard label { float: left; width: 60px; }



# JME start here ...
label { float: left; width: 120px; }
.server-tile { position: relative; height: 150px; } 
.server-clip { float: left; ;position: absolute; clip: rect(30px, 216px, 180px, 90px); }

.form { background: #fafafa; border: 1px solid #dedede; margin-left: 30px; margin-right: 30px; padding: 8px; }
	.form h2 { background-position: 0 0; }
	.form form label { float: left; width: 70px; }
	.form input { width: 230px; margin-bottom: 2px; border: 1px solid #ccc; }
	.form textarea { width: 230px; height: 100px; margin-bottom: 2px; border: 1px solid #ccc; }
	.form .button { width: auto; }


.form-small { background: #fafafa; border: 1px solid #dedede; padding: 8px; }
	.form-small h2 { background-position: 0 0; }
	.form-small form label { float: left; width: 70px; }
	.form-small input { width: 70px; margin-bottom: 2px; border: 1px solid #ccc; }
	.form-small textarea { width: 70px; height: 70px; margin-bottom: 2px; border: 1px solid #ccc; }
	.form-small .button { width: auto; }
	
	
.error-message { background:#EF9398; border:1px solid #DC5757; margin-top: 4px; margin-left: 30px; margin-right: 30px; margin-bottom: 5px; padding: 4px; }
.error-message h3 { color: #DC5757; margin-left: 3px; padding: 0; }

.success-message { background:#FFFFCC; border:1px solid #e5e5a0; margin-top: 4px; margin-left: 30px; margin-right: 30px; margin-bottom: 5px; padding: 4px; }
.success-message h3 { color: #76C83F; margin-left: 3px; padding: 0; }

.blog-item { margin-bottom: 10px; }
.blog-item .date { color: #bbb; font-size:8pt; font-familt: Arial, Helvetica, sans-serif;}
.blog-item p img { float: left; }

.pricelist { margin: 15px; margin-left: 30px; border: 1px solid #ccc; }
.pricelist th { text-align: right;  }
.pricelist .td01 { text-align: center; }
.pricelist .td02 { background: #F1F1F1; text-align: center; }
.pricelist .btnbar { padding-right: 0; }

.whois { background: #fafafa; border: 1px solid #dedede; margin-left: 120px; margin-right: 8px; padding: 8px; }
	.whois form label { width: 50px; }
	.whois form input { width: 110px; margin-bottom: 2px; border: 1px solid #ccc; font-size: 9pt; }
	.whois form select {margin-bottom: 2px; border: 1px solid #ccc; }
	.whois .button { width: auto; }

	
.order { margin: 15px; margin-left: 30px; margin-right: 10px; border: 1px solid #ccc; width: 88%; }
.order th { text-align: left; background: #f1f1f1; border-bottom: 1px solid #ccc; }
.order .td02 { }
.order .td01 { background: #F1F1F1; vertical-align: top; width:60px;  }
.order .td01a { background: #F1F1F1; border-top: 1px solid #ccc; vertical-align: top; }
.order .btnbar { padding-right: 0; }
.order .foot { text-align: right; }
.order .foot2 { text-align: right;  border-top: 1px solid #ccc; }
.order .delete {color: #DC5757; text-decoration: none; }
.order .whois { background: #fff; border: 1px solid #fff;  margin: 0px; padding: 4px; }
	.order .whois form label { width: 50px; }
	.order .whois form input { width: 110px; margin-bottom: 2px; border: 1px solid #ccc; font-size: 9pt; }
	.order .whois form select {margin-bottom: 2px; border: 1px solid #ccc; }
	.order .whois .button { width: auto; }


.two-cols {
	margin-left: 30px;
	width: 100%;
}
.two-cols .left {
	float: left;
	margin: 0;
}
.two-cols .right {
	float: right;
	margin: 0;
}

.big-or { text-align: center; font-size:12pt; font-weight: bold; font-color: #000; margin-top: 20px; }

.content p img { float: left; padding-right: 5px;}