/* --- Headings --- */

h1 {
	font-family:"Verdana", Times, serif;
	font-size: 30px;
	color: #000;
	letter-spacing:4px;
	padding: 0px 0px 0px 0;
	margin: 0px;
}

h2 {
	font: normal 22px "Verdana", Times, serif;
	color: #000;
	letter-spacing:3px;
	margin: 0 0 5px 0;
}


h2.case {
	font: normal 45px "Verdana", Times, serif;
	color: #000;
	letter-spacing:3px;
}

#vacature_detail_title h2 {
	font-size: 15px;
	margin-top: -10px;
	margin-bottom: 16px;
}

h2.slideMenu {
	font-size: 18px;
	color: #7c7c7c;
	padding-left: 2px;
}

h3 {
	font: bold 12px "Verdana";
	color: #000;
	margin: 0px 0 0px 0;
	width: 100%;
}


h4 {
	font: bold 13px "Verdana", Times, serif;
	color: #3399CC;
	margin: 15px 0 5px 0;
}
h5.case-list {
	font: bold 12px "Verdana", Times, serif;
	color: #000;
	padding: 0 0 15px 0;
}
h5 {
	font: 15px "Verdana", Times, serif;
	color: #000;
	margin: 0 0 2px 0;
}

h6{
	font: 12px "Verdana";
	font-weight: bold;
	color: #000;
	margin: 0 0 10px 0;
}

.small { 
	font-size: 8px;
}

#site_name h1{
	position:absolute;
	left:-3000px;
}
/* --- Icons for headings --- */

.icon_users {
	background: transparent url(../images/icons/users.png) no-repeat left top;
	height: 24px;
	padding: 5px 0 0 30px;
}

h1.icon_package {
	background: transparent url(../images/icons/package.png) no-repeat left top;
	height: 26px;
	padding: 6px 0 0 38px;
}

h3.icon_documents {
	background: transparent url(../images/icons/documents.png) no-repeat left top;
	height: 20px;
	padding: 5px 0 0 30px;
}

h3.icon_clock {
	background: transparent url(../images/icons/clock.png) no-repeat left top;
	height: 20px;
	padding: 5px 0 0 30px;
}

h3.icon_recipients {
	background: transparent url(../images/icons/mail_write.png) no-repeat left top;
	height: 20px;
	padding: 5px 0 0 30px;
}

h1.icon_key {
	background: #fff url(../images/icons/key.png) no-repeat left top;
	height: 24px;
	padding-left: 30px;
}


div.hr {
	background-color: #CCC;
	height: 1px;
	margin: 5px 0 5px 0;
	padding: 0;
}

.note_label {
	float: right;
	display: inline-block;
	margin-top: 2px;
	padding: 2px 5px 2px 5px;
	font-size: 10px;
	color: #666;
	background-color: #EFF9FF;
}
.centered {
	text-align: center;
}
.index-case-name,index-case-details {
	font: normal 14px "Verdana";
	color: #000;
	letter-spacing:1px;
	padding:8px 0 0px 1px;

}
.case-controls {
	width: 75px;
	height: 10px;
	position: relative;
	margin-left: 187px;
	margin-top:-15px;
	margin-bottom: -2px;
}
.case-controls-balloon {
	background: #898989 url(../images/icons/balloon-arrow.gif) 0px 0 repeat-x;
	width: 80px;
	height: auto;
	padding: 10px 5px 6px 5px;
	color:#FFF;
	font-family: Verdana;
	font-size: 10px;
	text-align: center;
	opacity:0;
	filter:alpha(opacity=0);
	position:absolute;
}
.case-controls img {
	cursor:pointer;
}

.canvas {cursor: pointer; }

.index-case-name a,
.index-case-name a:hover,
.index-case-name a:visited
.index-case-details,
.index-case-details a {
 	text-decoration: none;
	color:#000;
	letter-spacing:1px;
	line-height:0.5em;
	margin-top: 5px;
	cursor:pointer;

}
.cufon cufon-canvas{
	cursor:pointer;

}
.index-case-details span {
	padding-bottom: 14px;
}

.index-case-details img {
	padding:0px 10px 5px 0;
clear:both;
	float:left;
}
.indent {
	margin-left: 25px;
}
#movie-controls {
	font: normal 10px "Arial";
	padding-right:16px;
}

#movie-controls span {
	position: relative;
	top:-5px;
	left: 5px;
	padding-left:10px;
}
#movie-controls img {
	position: relative;
	top:5px;
}
p {
	padding: 0 0 18px 0;
	line-height: 18px;
}
p.case-intro {
	line-height:25px;
}

p.case-cursief {
	line-height:28px;
	font-style:italic;
}

.col-kies-zaak p{
padding-right: 15px;
}

#breadcrumbs img {
	padding: 0 4px 0 4px;
}
#breadcrumbs .active_level {
	font: normal 10px "Verdana";
	color: #000;
}

.first_paragraph:first-letter {
	font: normal 24px "Times New Roman", Times, serif;
}

div.package_id {
	float: right; 
	width: 300px; 
	margin-top: 5px; 
	color: #666;
}

span.package_id {
	font: normal 13px "Courier New";
	background-color: #f7f7f7;
	padding: 3px;
}
/* --- Lists --- */

ul.side_nav {
	font: normal 11px "Arial";
}
ul.side_nav li {
	margin-left: 14px;
	padding: 8px 0 0 0;
	font: normal 11px "Arial";
}

.col50 ul, .col75 ul, .col100 ul
{
	margin: 0 0 0 30px;
	line-height:17px;
}



.col50 li, .col75 li, .col100 li
{
	padding-bottom: 5px;
}
ul.side_nav h3 {
	display:block;
	background:#7c7c7c;
	width: 95%;
	height: 20px;
	font: normal 12px  Arial;
	color:#FFFFFF;
	padding: 5px 0 0 13px;
}
/* --- Tables --- */
.wide td.fieldvalue, .wide td.fieldname{
border:none
}

th {
	background:#7c7c7c;
	color: #FFF;
	font: normal 15px "Verdana";
	letter-spacing: 4px;
	height: 20px;
	text-align: left;
	padding-left: 8px;
}
td {
	padding-left: 8px;
	border-bottom: 1px dotted #000;
	height:29px;
}

tr.highlight {
	background: #b9b9b9;
	color: #FFF;
}

td.right-col {
	border-left: 1px dotted #000;
}
table.full {
   width: 100%;
   border-collapse: collapse;
}
table thead tr th, table tfoot tr th {
	cursor: pointer;
}
#movie-controls td {
	font: 10px  "Arial";
	border:none;
}

#movie-controls img  {
	top:0; 
}
 #movie-controls input[type="checkbox"] {
	position: relative;
	top: -4px;
	left: -5px; 
} 
/* --- Links --- */

.side_nav li a {
	font-family: "Arial";
	text-decoration:none;
	color: #7c7c7c;	
}
ul.side_nav li a:hover {
	font-family: "Arial";
	text-decoration:underline;	
	color: #7c7c7c;	
}
ul.side_nav li a:visited {
	font-family: "Arial";
	text-decoration:none;	
	color: #7c7c7c;	
}

#breadcrumbs span.level_up a{
	text-decoration:underline;
	font: normal 10px "Arial";
	color: #7c7c7c;	
}

#breadcrumbs span.level_up a:hover{
	text-decoration:underline;
	color: #7c7c7c;	
}

#breadcrumbs span.level_up a:visited{
	text-decoration:underline;
	color: #7c7c7c;	
}

ul li a,ul li a:visited {
	color: #000000;
	text-decoration: none;
	font-weight: normal;
	text-decoration: underline;
}

ul li a:hover {
	text-decoration: underline;
	font-weight:normal;
}

a {
	font-weight: bold;
	color: #FF6600;
	text-decoration: none;
}

a:hover {
	font-weight: bold;
	color: #FF6600;
	text-decoration: underline;
}
a:vistied {
	font-weight: bold;
	color: #FF6600;
	text-decoration: none;
}
a.white {
	color: #ffffff;
	text-decoration: none;
}

a.white:hover {
	color: #ffffff;
	text-decoration: underline;
}

a.no_click:hover {
	color: #7c7c7c;
	text-decoration: none;
}

a.send_email {
	display: inline-block;
	height: 16px;
	background: transparent url(../images/icons/email.png) no-repeat top left;
	padding: 0 0 0 22px;
	text-decoration: none;
	xwidth: 250px;
}

a.send_email:hover {
	text-decoration: underline;
}

a.header-link {
	font: normal 22px "Verdana", Times, serif;
	color: #000;
	letter-spacing:3px;
	margin: 0 0 5px 0;
	text-decoration: none;
}
a.header-link:hover {
	font: normal 22px "Verdana", Times, serif;
	color: #000;
	letter-spacing:3px;
	margin: 0 0 5px 0;
	text-decoration: underline;
}
a.header-link:visited {
	font: normal 22px "Verdana", Times, serif;
	color: #000;
	letter-spacing:3px;
	margin: 0 0 5px 0;
}

#site_footer a,
#site_footer a:visited,
#site_footer a:active {
	font-family:"Verdana";
	font-size: 10px;
	font-weight:normal;
	color:#484848;
}


#list_container {
	min-height:400px;
	padding-bottom:20px;
}

#wereld_van_list a {
	color: #000;
	text-decoration: none;
}

#wereld_van_list a:hover {
	color: #000;
	text-decoration: underline;
}

#jobs_list a {
	color: #000;
	text-decoration: none;
}

#jobs_list a:hover {
	color: #000;
	text-decoration: underline;
}


.index-case-details a,.index-case-details a:hover,.index-case-details a:visited {
	color:#000;
	text-decoration: none;
	line-height:0.5em;

}
.index-case-details a.disable,.index-case-details a.disable:hover,.index-case-details a.disable:visited {
	color:#d4d4d4;
	
}

/* --- Page elements --- */

.page_toolbar {
        float: right;
        width: 250px;
        text-align: right;
        xmargin-top: 8px;
}

.page_toolbar div {
        float: right;
        width: 175px;
        text-align: right;
}

#box_recipients {
	position: relative;
}

/* --- Feedback --- */

.feedback {
	padding: 5px;
	margin: 0 0 5px 0;
	xborder: 1px solid #999;
	background-color: #FFF4BF;
	color: #000;
}

.feedback_success {
	background: transparent url(../images/icons/check.png) no-repeat left top;
	padding: 6px 0 0 30px;
	height: 20px;
	margin-bottom: 5px;
}

.mini_feedback {
	background-color: #ffffc0;
	background-repeat: no-repeat;
	background-position: left top;
}

.feedback_save {
	background-image: url(../images/icons/disk_blue_ok.png);
	padding: 2px 5px 0px 20px;
}

.feedback_error {
	background-image: url(../images/icons/warning.png);
	padding: 2px 5px 0px 20px;
}

#notification_feedback {
	position: absolute;
	top: -27px;
	left: 550px;
}

.notice {
	font-size: 10px;
	color: #999;
	padding: 5px 0 0 5px;
}

.attention {
	background-color: #fff4bf;
	padding: 5px;
	margin-bottom: 10px;
}

#explanation_tasks {
	background-color: #eee;
	padding: 5px;
}

pre {
	font: normal 13px "Courier New";
}

.news_arrow{
	width: 7px;
	height: 8px;
	display:inline-block;
}

.functie_titel {
	width:100%;
	background:#808080;
	color:#FFFFFF; 
	width:100%; 
	line-height:20px; 
	text-indent: 7px;
	font-size: 14px;
	height:21px;
}