/* @group reset */
* {
	margin: 0;
	padding: 0;
    list-style:none;
}
/* @end */
/* @group default */
a {
	color: #333333;
	text-decoration: underline;
}
a:hover,
a:focus {
	color: #333;
}
a:active {
	color: #000;
}
h2 {
	height: 40px;
	font: 20px/40px Helvetica Neue, Helvetica, Arial, sans-serif;
	color: #000;
	padding: 0 25px;
	background: url('../img2/navigation.png') no-repeat 50% 0;
	clear: both;
}
del {
	text-decoration: line-through;
	text-shadow: none;
	color: #ccc;
}
ins {
	color: #333;
}
/* @end */
/* @group layout */
/* @group body */
body {
	background-color: d5e3ee;
	padding-top: 5px;
	font: 0.8em "Lucida Grande", Verdana, sans-serif;
	color: #454545;
	text-shadow: #fff 0 1px 0;
	overflow: auto;
	-webkit-text-size-adjust: none;
	background-image: url(../img2/body-top.gif);
	background-repeat: repeat-x;
	background-position: 0 0;
}
/* @end */
/* @group wrapper */
#timvandamme {
	width: auto;
	position: relative;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
/* @end */
/* @group header */
#header {
	height: 170px;
	position: relative;
	background-image: url(../img2/header-sl-green.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#mugshot {
	float: right;
}
h1 {
	font: 24px/30px "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #000;
	padding-top: 18px;
	padding-left: 10px;
}
#jobtitle {
	color: #888;
	padding-left: 10px;
	line-height: 20px;
	text-shadow: #eee 0 1px 0;
}
#vcard {
	position: absolute;
	top: 59px;
	right: 45px;
	width: 40px;
	height: 41px;
	text-align: center;
}
#vcard a {
	display: block;
	width: 40px;
	height: 41px; 
	background: url('../img2/vcard.png') no-repeat 0 0;
	text-decoration: none;
	text-shadow: #036 0 1px 0;
	line-height: 42px;
	color: #fff;
	font-size: 9px; 
	font-weight: bold;
	text-transform: uppercase;
}
#vcard a:active {
	margin-top: 1px;
}
#vcard a span {
	position: absolute;
	top: -45px;
	left: -49px;
	width: 138px;
	background: url('../img2/vcard-label.png') no-repeat 50% 50%;
	padding-bottom: 12px;
	display: none;
	opacity: 0;	
}
/* @end */
/* @group navigation */
#navigation {
	height: 30px;
	padding: 5px 35px;
	line-height: 28px;
	font-weight: bold;
	background-image: url(../img2/navigation.png);
	background-repeat: repeat-x;
	background-position: left 0;
}
#navigation li {
	float: left;
}
#navigation li a {
	text-decoration: none;
	float: left;
	padding-right: 10px;
	margin-right: 5px; 
	background: url('../img2/navigation-li-a.png') no-repeat right 30px;
}
#navigation li a span {
	float: left;
	padding: 1px 0 1px 10px;
	background: url('../img2/navigation-li.png') no-repeat 0 30px;
}
#navigation li a:hover,
#navigation li a:focus {
	background-position: right 0;
	text-shadow: #ddd 0 1px 0;
}
#navigation li a:hover span,
#navigation li a:focus span {
	background-position: 0 0;
}
#navigation li a:active {
	background-position: right -30px;
	text-shadow: #fff 0 1px 0;
}
#navigation li a:active span {
	background-position: 0 -30px;
	padding: 2px 0 0 10px;
}
.about #navigation li#nav-about a,
.networks #navigation li#nav-networks a,
.contact #navigation li#nav-contact a {
	background-position: right -60px;
	color: #fff;
	text-shadow: #666 0 1px 2px;
	cursor: default;
}
.about #navigation li#nav-about a span,
.networks #navigation li#nav-networks a span,
.contact #navigation li#nav-contact a span {
	background-position: 0 -60px;
}
/* @end */
/* @group content */
#content {
	background-color: #d5e3ee;
	min-width: 400;
	padding-left: 45px;
	height: auto;
}
#di {
	padding-left: 50px;
	height: 25px;
}
#status_field {
	text-align: center;
	display: block;
	width: 80%;
}
/* @end */
/* @group footer */
#footer {
	padding: 0 20px 20px;
	text-align: center;
	line-height: 30px;
	color: #333333;
	text-shadow: #ddd 0 1px 0;
	font-size: 9px;
	font-weight: bold;
	background-image: url(../img2/footer.png);
	background-repeat: repeat-x;
	background-position: left 0;
}
/* @end */
/* @end */
/* @group specific */
/* @group contact */
#contact {
	width: 450px;
	background: url('img2/about-li.png') repeat-x 0 bottom;
	position: relative;
}
#contact h3 {
	height: 51px;
	padding: 10px 0 0 25px;
	font-weight: normal; 
	background: url('../img2/about-h3.png') repeat-x 0 0;
	color: #666;
}
#contact h3 strong {
	color: #000;
	font: 18px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
	display: block;
	padding-top: 2px;
}
#contact-personal,
#contact-work {
	width: 224px;
	float: left;
	padding-bottom: 10px;
}
#contact-work {
	padding-left: 2px; 
	background: url('../img2/contact.png') repeat-y 0 0;
}
#contact li ul {
	padding-top: 5px;
}
#contact li li {
	padding: 5px 0 0 15px;
	font: 12px/18px "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #666;
}
#contact li.disclaimer {
	clear: both;
	padding: 12px 0 11px;
	text-align: center;
	font: italic 11px/18px "Lucida Sans", "Lucida Grande", Verdana, sans-serif;
	background: url('../img2/about-h3.png') repeat-x 0 -59px;
}
#contact li li a {
	display: block;
	padding-left: 23px;
	background-position: 0 1px;
	background-repeat: no-repeat;
}
#contact li li.fn,
#contact li li.photo,
#contact li li span.type {
	display: none;
}
#contact li li.org {
	padding-left: 38px;
	font-size: 11px;
	font-weight: bold; 
	text-transform: uppercase; 
	background: url('../img2/icons/company.png') no-repeat 15px 6px;
}
#contact li li.email a { 
	background-image: url('../img2/icons/email.png');
}
#contact li li.adr a { 
	background-image: url'../img2/icons/address.png');
}
#contact li li.tel a { 
	background-image: url('../img2/icons/phone.png');
}
#contact li li.url a { 
	background-image: url('../img2/icons/website.png');
}
/* @end */
/* @group about */
#about {
	width: 450px;
}
#about li#about-personal { 
	background: url('../img2/about-li.png') repeat-x 0 bottom;
	padding-bottom: 10px;
}
#about li p,
#about li li {
	font: 12px/18px "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #666;
}
#about li li {
	padding: 5px 20px 0 65px;
}
#about li p#i {
	width: 40px;
	float: left;
	padding: 5px 10px 0 15px;
	text-align: right;
}
#about h3 {
	height: 60px;
	font-weight: normal; 
	background: url('../img2/about-h3.png') repeat-x 0 0;
}
#about li#about-personal h3 {
	height: 61px;
	margin-bottom: 5px;
}
#about h3 a {
	display: block;
	height: 45px;
	padding: 10px 0 5px;
	text-decoration: none;
	-webkit-transition: background-color 0.25s linear;
}
#about h3 a:hover,
#about h3 a:focus {
	background: rgba(164, 173, 183, .15);
}
#about h3 a:active {
	background: rgba(164, 173, 183, .25);
	padding: 12px 0 3px
}
#about h3 a img {
	float: left;
	margin: 0 10px 0 15px;
	-webkit-transition: margin-left 0.25s linear;
}
#about h3 a:hover img {
	margin-left: 10px;
}
#about h3 a strong {
	color: #000;
	font: 18px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
	display: block;
	padding-top: 2px;
}
#about h3 a small {
	margin-top: 10px;
	float: right;
	line-height: 20px;
	padding: 0 25px 1px 30px;
	background: url('img2/about-h3-small.png') no-repeat 0 0;
	color: #fff; 
	font-weight: bold;
	text-transform: uppercase;
	text-shadow: #bbb 0 1px 0;
}
/* @end */
/* @group networks */
#networks {
	background: url('img2/networks.png') repeat 0 0;
	width: 450px;
	float: left;
}
#networks li {
	width: 225px;
	height: 60px;
	float: left;
}
#networks li a {
	display: block;
	width: 225px;
	height: 45px;
	padding: 10px 0 5px;
	text-decoration: none;
	-webkit-transition: background-color 0.25s linear;
}
#networks li a:hover,
#networks li a:focus {
	background: rgba(164, 173, 183, .15);
}
#networks li a:active {
	background: rgba(164, 173, 183, .25);
	padding: 12px 0 3px
}
#networks li a img {
	float: left;
	margin: 0 10px 0 15px;
	-webkit-transition: margin-left 0.25s linear;
}
#networks li a:hover img {
	margin-left: 10px;
}
#networks li a strong {
	color: #000;
	font: 18px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
	display: block;
	padding-top: 2px;
}
/* @end */
/* @end */
/* @group wall */
#wall {
	position: absolute;
	bottom: 20px;
	right: 20px;
}
#wall li {
	float: left;
}
#wall li a {
	float: left;
	width: 31px;
	height: 29px;
	overflow: hidden;
	white-space: nowrap;
	text-indent: 150%;
	background: url('img2/wall.png') no-repeat 0 0;
}
#wall li#wall-shame a:hover,
#wall li#wall-shame a:focus {
	background-position: 0 -29px;
}
#wall li#wall-shame a:active {
	background-position: 0 -58px;
}
#wall li#wall-fame a {
	background-position: -31px 0;
}
#wall li#wall-fame a:hover,
#wall li#wall-fame a:focus {
	background-position: -31px -29px;
}
#wall li#wall-fame a:active {
	background-position: -31px -58px;
}
/* @end */
fieldset ul, fieldset li{
border:0; margin:0; padding:0; list-style:none;
}
fieldset li{
clear:both;
list-style:none;
padding-bottom:10px;
}
/*
fieldset input{
float:left;
background:#FFFFFF;
border:thin;
border-color:#000000;
} */
fieldset label{
width:140px;
float:left;
}
.text_title {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.text_description {
	color: #000f3f;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}
.text_presentation{
	color: #000000;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}
.text_pack {
	color: #000f3f;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}
.button {
	padding: 4px 10px 3px 25px;
	border: solid 1px #f8910e;
	position: relative;
	cursor: pointer;
	display: inline-block;
	background-image: url('../img2/bkg.png');
	background-repeat: repeat-x;
	font-size: 11px;
	height: 16px;
	text-decoration: none;
	color: #02467b;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
}
.button img {
    position: absolute;
    top: -4px;
    left: -12px;
    border: none;
}
.button:hover {
    color: #b16200;
} 
#title_bar
{
	background-color:#006699;
	color: #FFFFFF;
}
.even
{
	background-color: #CCCCCC;
}
.odd 
{
	background-color: #F7F7F7;
}
/*
input, textarea, select , text {
	color: #000000;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
} */
.qty
{
	color: #000000;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
}
a:link image {border:none; 
#edit_area1 {
	margin:2em 0;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	display: block;
}
}
#swfupload-control p{ margin:10px 5px; font-size:0.9em; }  
#log{ margin:0; padding:0; width:500px;}  
#log li{ list-style-position:inside; margin:2px; border:1px solid #ccc; padding:10px; font-size:12px;  
    font-family:Arial, Helvetica, sans-serif; color:#333; background:#fff; position:relative;}  
#log li .progressbar{ border:1px solid #333; height:5px; background:#fff; }  
#log li .progress{ background:#999; width:0%; height:5px; }  
#log li p{ margin:0; line-height:18px; }  
#log li.success{ border:1px solid #339933; background:#ccf9b9; }  
#log li span.cancel{ position:absolute; top:5px; rightright:5px; width:20px; height:20px;  
    background:url('http://localhost/sukh/js/swfupload/cancel.png') no-repeat; cursor:pointer; }  
	
.editable input[type=submit] {
  color: #F00;
  font-weight: bold;
}
.editable input[type=button] {
  color: #0F0;
  font-weight: bold;
}