@font-face {
    font-family:KarbonWeb-Regular;
    src: url('../fonts/KarbonWeb-Regular.eot');
    src: url('../fonts/KarbonWeb-Regular.eot#iefix') format('embedded-opentype'),
         url('../fonts/KarbonWeb-Regular.woff') format('woff'),
         url('../fonts/KarbonWeb-Regular.ttf') format('truetype'),
         url('../fonts/KarbonWeb-Regular.svg#KarbonWeb-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family:KarbonWeb-Medium;
    src: url('../fonts/KarbonWeb-Medium.eot');
    src: url('../fonts/KarbonWeb-Medium.eot#iefix') format('embedded-opentype'),
         url('../fonts/KarbonWeb-Medium.woff') format('woff'),
         url('../fonts/KarbonWeb-Medium.ttf') format('truetype'),
         url('../fonts/KarbonWeb-Medium.svg#KarbonWeb-Medium') format('svg');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family:KarbonWeb-RegularItalic;
    src: url('../fonts/KarbonWeb-RegularItalic.eot');
    src: url('../fonts/KarbonWeb-RegularItalic.eot#iefix') format('embedded-opentype'),
         url('../fonts/KarbonWeb-RegularItalic.woff') format('woff'),
         url('../fonts/KarbonWeb-RegularItalic.ttf') format('truetype'),
         url('../fonts/KarbonWeb-RegularItalic.svg#KarbonWeb-RegularItalic') format('svg');
    font-weight: normal;
    font-style: italic;
}

body, html
{
	padding: 0px;
	margin: 0px;
	/*background: #ebeae4 url('/images/bg.jpg') top left repeat-x !important;*/
	background: #fff;
	/*font: 12px Arial;*/
	font-family: KarbonWeb-Regular;
	width: 100%;  
}

#footerxmedia
{
	color: #fff;
}
	
#footerxmedia table td
{
	vertical-align:top;
	line-height: 200%;
}

#footerxmedia table th
{
	text-align: left;
	height: 30px;
}

#footerxmedia table td a
{
	text-decoration: none;
	color: #fff;
}

#footerxmedia table td a:hover
{
	text-decoration: underline;
	color: #fff;
}

h1
{
	color: #414141;
	/* font: 30px/30px Trebuchet MS; */
	font-family: KarbonWeb-Regular;	 
}

h2
{
	color: #414141;
	/*font: 28px/28px Arial;*/
	font-family: KarbonWeb-Regular;
	margin-bottom: 25px;
}

h3
{
	color: #414141;
	margin-bottom: 10px;

}

.input_bedrag
{
	text-align: right;
}

.col-1
{
	width: 364px;
	padding-right: 32px;
}

#linkercontent
{
	width: 727px;
	padding: 0 32px 10px 45px;
}

.col-2
{
	width: 363px;
}

.col-3
{
	width: 247px;
}

#infolinexmedia
{
	color: #767676;
	font: bold 15px KarbonWeb-Regular;	
}

#infolinexmedia table td
{
	vertical-align: top;
}

#vak1xmedia table.oranje
{
	height: 259px;	
}	

table.oranje,
table.wrapper
{
	width: 244px;

}

#vak1xmedia,
#vak2xmedia
{
	/*color: #F0DAB9;*/
	font: 13px KarbonWeb-Regular;	
}

#vak1xmedia img.icon
{
	float: left;
	clear: right;
}

#vak2xmedia img.icon
{
	float: left;
	clear: right;
	margin-top: 5px;
}

#vak1xmedia h3
{
	/*color: #fff;*/
	float: left;
	clear: right;
	margin-bottom:7px;
	margin-top: 9px;
	margin-left:5px;
	font: bold 20px KarbonWeb-Regular;		
}

#vak2xmedia h3
{
	/*color: #414141;*/
	float: left;
	clear: right;
	margin-bottom:7px;
	margin-top: 9px;
	margin-left:5px;
	font: bold 20px KarbonWeb-Regular;		
}

table.oranje td
{
	color: #F0DAB9;
}

table.oranje td h3 a
{
	color: #fff ! important;
	text-decoration: none;
}

table.wrapper td h3 a
{
	color: #414141;
	text-decoration: none;
}

#vak1xmedia h3 a:hover,
#vak2xmedia h3 a:hover
{
	text-decoration: underline;
}

#vak1xmedia p,
#vak2xmedia p
{
	margin: 0px;
	clear:left;
}

table.oranje td
{
	background: #ECA83D;
	padding-left: 10px;	
	padding-right: 10px;		
	vertical-align: top;
}

table.wrapper td
{
	background: #f3f3f3 url('/images/bg_panel1.png') left top no-repeat;
	border: solid #ddd 1px;
	padding: 0px 15px 10px 10px;			
	vertical-align: top;	
}

table.wrapper td img.pic
{
	border-bottom: #d7d7d7 4px solid; 
	border-left: #d7d7d7 3px solid; 
	margin-left: 15px; 
	border-top: #d7d7d7 3px solid; 
	border-right: #d7d7d7 3px solid; 
}

#vak2xmedia li
{
	margin-bottom: 4px;
}

table.oranje td:hover
{
	background: #0190DE ! important;
	cursor: pointer;
}

table.invoer
{

}

table.invoer th
{
	color: #414141;
	font: 20px/20px KarbonWeb-Regular;
	text-align: left;
	background: #f3f3f3 url('/images/bg_panel1.png') left top repeat;
	padding-top: 22px;
	padding-bottom:12px;
}

table.invoer td:first-child
{

	width: 40%;
}


#filter
{
	background: white ! important;
	opacity: 0.3;
	ddisplay:none;
}

#contentgrowxmedia
{
	background: white ! important;
	min-height: 563px;
	opacity: 0.9;
	padding: 10px ! important;
	bborder: solid green 1px;
	ddisplay:none;
	
	
}

/* pagination */

div.pagination
{
	padding: 3px;
	margin: 3px;
}

div.pagination a
{
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #c0c0c0;
	text-decoration: none; /* no underline */
	color: green;
}

div.pagination a:hover,
div.pagination a:active
{
	border: 1px solid #000099;
	color: #000;
}

div.pagination span.current
{
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #c0c0c0;	
	font-weight: bold;
	background-color: green;
	color: #FFF;
}

div.pagination span.disabled
{
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #EEE;
	color: #DDD;
}
	
/* fileupload */

.afb,
.waiting
{
	display:none;
}
	
label.fileinput-button
{
	width: 130px;
	height: 22px;
	color: #fff;
	/*background:#F36B31;*/
	background: #9ed86b;	
	display: block;
	overflow: hidden ! important;
	cursor: pointer;
	text-align:center;
	padding-top:5px;
	float:left
}

label.fileinput-button2
{
	width: auto; /*130px; */
	height: 22px;
	/*color: #fff;
	background:#F36B31;	*/
	display: block;
	overflow: hidden ! important;
	cursor: pointer;
	text-align:center;
	padding-top:5px;
	float:left;
}

lllabel.fileinput-button input.file
{
    position: relative;
    height: 100%;
    width: auto;
    opacity: 0;
    -moz-opacity: 0;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}


label.fileinput-button input.file,
label.fileinput-button input.file2
{
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  border: solid transparent;
  border-width: 0 0 100px 200px;
  opacity: 0;
  filter: alpha(opacity=0);
  /*-o-transform: translate(250px, -50px) scale(1);
  -moz-transform: translate(-300px, 0) scale(4); */
  direction: ltr;
  cursor: pointer;
}

label.fileinput-button2 input.file,
label.fileinput-button2 input.file2
{
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  border: solid transparent;
  border-width: 0 0 100px 200px;
  opacity: 0;
  filter: alpha(opacity=0);
  -o-transform: translate(250px, -50px) scale(1);
  -moz-transform: translate(-300px, 0) scale(4);
  direction: ltr;
  cursor: pointer;
}

.fileinput-button,
.fileinput-button2
{
  overflow: hidden;
}

/* Fix for IE 6: */
*html .fileinput-button,
*html .fileinput-button2
{
  padding: 2px 0;
}

/* Fix for IE 7: */
*+html .fileinput-button,
*+html .fileinput-button2
{
  padding: 2px 0;
}

.fileupload-buttonbar{
  padding: 0.2em 0.4em;
}

.fileupload-buttonbar .ui-button {
  vertical-align: middle;
}

.fileupload-content {
  padding: 0.2em 0.4em;
  border-top-width: 0;
}

.fileupload-content .ui-progressbar {
  width: 200px;
  height: 20px;
}

.fileupload-content .ui-progressbar-value {
  background: url(pbar-ani.gif);
}

.fileupload-content .fileupload-progressbar {
  width: 400px;
  margin: 10px 0;
}

.files {
  margin: 10px 0;
  border-collapse: collapse;
}

.files td {
  padding: 5px;
  border-spacing: 5px;
}

.files img {
  border: none;
}

.files .name {
  padding: 0 10px;
}

.files .size {padding: 0 10px 0 0;text-align: right;white-space: nowrap;}

.ui-state-disabled .ui-state-disabled {opacity: 1;filter: alpha(opacity=100);}
.ui-state-disabled input {cursor: default;}	
.kpad a{text-decoration: underline;}
.kjlink{vertical-align: top;font: 12px/20px Arial;}
.kjlink a{text-decoration: underline;color: green;}
.kj1 a.tl{color: #FE9A2E;}		

#hpcontentxmedia{overflow: hidden;font: bold 42px Arial;color: #000;padding: 10px 0px 0px 40px;bborder: solid red 1px;}

.ui-tabs-panel{background: #fff !important;}

div.filter
{
	color: #000; 
	background: #D6F8DE url(/images/ico-disabled-small-red.png) center left no-repeat;
	border: solid green 1px; 
	font-weight: bold;
	height: 18px;
	padding: 8px 4px 2px 19px;
	float:left; 
	margin-left: 8px;
	cursor: pointer;
}

div.filter:hover{text-decoration: line-through}

/* let op !! */
#contentgrowxmedia table td.kj2 { padding: 7px; font: 13px/16px Arial}

#contentgrowxmedia table td.kj2 h2 {margin-top: 12px; font: 24px KarbonWeb-Medium; color: green;}
.kjheader {font: bold 14px Arial; border: solid red 1px;color: green;}

.kj2 table {border: solid #eee 1px;}

.kj2 table td { color: #333; padding: 5px; }

#contentgrowxmedia table td.kj2 table.invoer td:first-child {width: 170px; text-align: right;}

.kj2 table tr.selectable:hover{background: #f2f2f2; cursor: pointer;}
.kj2 table tr.unread td{font-weight: bold ! important;}
.kj2 table tr.sub td{color: green;border-bottom: dotted green 1px;}
.kj2 table tr.sub2 td{font-weight: bold; color: #047901;border-bottom: dotted green 1px; font: bold 18px Arial; }

#submit-control{margin-left: 185px;margin-top: 20px;float: left;}
#button-control{margin-left: 5px;margin-top: 20px;float: left;	}
#button-control input.a{height: 30px; padding: 1px 10px;}

#submit-control input.submit,
.submitstyle{height: 30px;padding: 1px 20px;background: green!important;color: #fff;}

#submit-control input.button,
.cancelstyle{height: 30px;padding: 1px 10px;}

.list-button{float: left; text-align:center; color: green; font:10px Arial;background:#EFEDE0;padding: 5px 5px;margin-right: 5px;}
.list-button:hover{background:#5AA619;cursor:pointer;color: #fff;}

.kj1 {padding: 0px; background: green; color: #fff; }
.kj1 a {color: #fff;}
.kj1 ul {list-style-type: none; }
.kj1 ul.nav li:hover { background: #04B431; padding-left: 12px}
.kj1 ul.nav li {margin-top: 0px; font: 14px Arial; padding: 10px 5px 10px 12px; border-bottom:dashed #04B431 1px}
.kj1 ul.sub {display: none;  margin-left: -18px;}
.kj1 ul.sub li {margin-top: 2px; font: 12px Arial; color: #000; border-bottom:0px}
.kj1 li.active ul {display: inline;}
.kj1 li.active a {font-weight: bold;}
.kj1 a:hover {text-decoration: none;}

#hpbottom2xmedia
{
	padding: 7px;
	color: #fff;
	font: 15px/18px Arial;		
}

#hpbottom2xmedia a,
#hpbottom2xmedia
{
	color: #fff;
}

#hpbottom2xmedia h1
{
	color: #fff;
	font: 16px Arial;
	margin-bottom: 13px;
}