/* CSS Document */
BODY {
	font-family: Verdana, Arial, Lucida, sans-serif;
	font-size: 11px;
	line-height: 15px;
	background-color: #EFEFEF;
	padding: 0px;
	margin: 0px;
}

html, body {
height: 100%; /* héél belangrijk */
}


pre {
font-family: Verdana, Arial, Lucida, sans-serif;
 overflow-x: auto; /* Use horizontal scroller if needed; for Firefox 2, not needed in Firefox 3 */
 white-space: pre-wrap; /* css-3 */
 white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
 white-space: -pre-wrap; /* Opera 4-6 */
 white-space: -o-pre-wrap; /* Opera 7 */
 /* width: 99%; */
 word-wrap: break-word; /* Internet Explorer 5.5+ */
}


/*=========================================================================================*/
/*LIST STYLES*/

ol{ 
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

ol li{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
margin-left:30px;
}

ul{
list-style-type:none; 
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
margin-bottom:10px;
}

ul li{
background:url(/global/template/images/icons/icon_bullet_orange.gif) left top no-repeat; 
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
margin-left:10px;
padding-left:19px;
}
#topheader li{
background-image:none;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

ul ul{
margin:2px 0px 2px 15px;
padding:2px 0px 2px 0px;
}

ul ul li{
background:none;
list-style-image:none;
list-style-type:disc;
margin:1px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
 
/*=================================================== TOP STYLES*/
#topheader {
	/* background: url(/global/template/images/header/topheader.gif) no-repeat;*/
	background-color: #869aa6;
	height: 22px;
	width: 930px;
	border-bottom: 5px solid white;
	padding: 4px 0px 0px 0px;
	color: silver;
}

#topheader a {
	text-decoration: none;
	color: silver;
}

#topheader a:hover {
	text-decoration: underline;
}

#headlanguage {
	float: left;
	width: 50px;
	padding-left: 10px;
}

#headpointer {
list-style:none;
	float: left;
	width:648px;
	padding-right: 20px;
}

#headpointer ul {
list-style:none;
	display: inline;
}

#headpointer li {
	list-style:none;
	float: right;
	padding: 0px 0px 0px 15px;
	margin: 0px;
}

#headform {
	float: left;
}

#selectGroupSites {
	background: url(/global/template/images/header/group_left.gif) no-repeat;
	height: 18px;
	width: 175px;
	float: left;
	color: #72838d;
	font-size: x-small;
	padding: 1px 0px 0px 5px;
	cursor: pointer;
}

#selectGroupSitesBox {
	background: url(/global/template/images/header/group_right.gif) no-repeat;
	height: 18px;
	width: 18px;
	left: 180px;
	margin: 0px;
	cursor: pointer;
	float: left;
	padding-right: 0px;
}

#search {
	background: url(/global/template/images/header/search_left.gif)
		no-repeat;
	background-color: #e1e6e9;
	padding-left: 5px;
	color: #72838d;
	height: 16px;
	width: 112px;
	float: left;
	border: 0px;
}

#searchBox {
	background: url(/global/template/images/header/search_right.gif);
	height: 18px;
	width: 18px;
	float: left;
	cursor: pointer;
}

#selectGroupSitesItemsOuter{
	left:0;
	position:relative;
}

#selectGroupSitesItems {
	display: none;
	position: absolute;
	background-color: #E1E6E9;
	top: 25px;
	padding: 5px;
	border: 1px double #869aa6;;
	width: 188px;
	float: left;
}

#selectGroupSitesItems a {
	color: #869aa6;
}

#selectGroupSitesItems a div{
	padding-left:5px;
	padding-right:5px;
	padding-top:2px;
	padding-bottom:2px;	
}

#selectGroupSitesItems a div:hover {
	color: #E1E6E9;
	background-color: #869aa6;
}

/*=================================================== TEMPLATE FRAMES*/
.wrapper {
	width: 100%;
}

.container {

	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	padding: 0px;
	width: 974px;
}

.center {
	padding-left: 15px;
	padding-right: 15px;
	width: 930px;
	background-color: #FFFFFF;
}

#flashheader {
	width: 930px;
	z-index: 2;
}

#headerspacer {
	height: 180px;
	width: 100%;
	margin: 0px;
	padding: 0px;
}

#card {
	background: url(/global/template/images/header/card.gif) top left
	no-repeat;
	height: 183px;
	z-index: 3;
	position: relative;
	width: 100%;
	
}

.cardcontent {
	padding: 15px 60px 0px 50px;
	width: 220px;
}

.card_box {
	border:1px #D7D7D7 solid;
	border-bottom:0px;
	padding: 0px 10px 5px 10px;
	margin-top:10px;
	width:198px;
}

.card_box_bottom {
	background: url(/global/template/images/leftmenu/card_box_bottom.gif) no-repeat;
	width:220px;
	height:12px;
	margin-top:-1px;
}

.card_box_bottom_wide {
	background: url(/global/template/images/leftmenu/card_box_bottom_wide.gif) no-repeat;
	width:594px;
	height:12px;
	margin-top:-1px;
}

.rightcontent {
	padding: 0px 0px 0px 0px;
	width: 600px;
	height:100%;	
	font-size: 11px;
	padding-top:65px;
}

.rightcontent .text{
	padding: 0px 0px 15px 0px;
	background: url(/global/template/images/lines/hor_dot.gif) repeat-x bottom;
}

#content {
	margin-top: -250px;
	z-index: 4;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color:#444444;
	position: relative;
	padding: 0px 0px 35px 0px;
}

/* =============================================== SHADES */
#leftshade {
	background: url(/global/template/images/shade/leftshade.gif) repeat-y right;
	width: 7px;
}

#rightshade {
	background: url(/global/template/images/shade/rightshade.gif) repeat-y;
	width: 7px;
}

#leftbottomshade {
	width: 7px;
	height: 12px;
	background: url(/global/template/images/shade/leftbottomshade.gif)
		no-repeat top right;
	float: left;
}

#bottomshade {
	height: 12px;
	background: url(/global/template/images/shade/bottomshade.gif) repeat-x top;
	/*width: 960px;*/
	float: left;
}

#rightbottomshade {
	width: 7px;
	height: 12px;
	background: url(/global/template/images/shade/rightbottomshade.gif) no-repeat top left;
	float: left;
}
#lefttopshade {
	width: 7px;
	height: 12px;
	background: url(/global/template/images/shade/lefttopshade.gif) no-repeat bottom right;
	float: left;
}

#topshade {
	height: 12px;
	background: url(/global/template/images/shade/topshade.gif) repeat-x bottom;
	/*width: 960px;*/
	float: left;
}

#righttopshade {
	width: 7px;
	height: 12px;
	background: url(/global/template/images/shade/righttopshade.gif) no-repeat bottom left;
	float:left;
}

/*==================================================== FOOTER */
#footer {
	color: silver;
	background-color:#EFEFEF;
}
#footer a {
	color: #0069aa;
	
}
#footerlang {
	float: left;
	padding-left: 20px;
	width: 325px;	

}

#footercopyright{
	font-size: x-small;
	float: left;
	padding-left:80px;
	width: 300px;
	
}

#footercopyright a {
	color: silver;
}

#footerlink {
	float: left;
	width: 225px;
	text-align: right;
	padding-right: 20px;
}


/*=====================================================================================*/
	/* NAVIGATION */
.navigation {
	color: #d2d2d2;
	font-weight: 100;
	padding: 0px 0px 3px 0px;
	margin: 20px 0px 15px 0px;
	width: 350px;
}

.navigation a {
	color: #d2d2d2;
	text-decoration: underline;
}

.navigation .active {
	font-weight: 900;
	text-decoration: none;
}

/*=======================================================================================*/
	/* MESSAGES */
	
.warning_box{
	border:1px solid #FF3300;
	padding:10px;
}

.info_box{
	border:1px solid #124f7c;
	padding:10px;
}

.warning_box p{
	margin:0px;
	padding:0px;
}

.info_box p {
	margin:0px;
	padding:0px;
}

.warning_holder{
	position:absolute;
	float:left; 
}

.warning_text{
	position:relative;
	padding-right:25px;
	left:25px;
	color:#FF3300;
}

.info_holder{
	position:absolute;
	float:left; 
}

.info_text{
	position:relative;
	left:25px;
	padding-right:25px;
	color:#019dd8;
}


/*=======================================================================================*/
	/* STIJLEN */
h1 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height:19px;
	color:#ff9800;
	line-height:normal;
	font-weight:400;
	margin: 15px 0px 10px 0px;
	padding: 0px;
}

/*zelfde als h1 maar dan blauw*/
h2 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height:20px;
	color: #0167a9;
	font-weight: 400;
	margin: 10px 0px 10px 0px;
}

h3 {
	margin:10px 0px 10px 0px;
	font-size: 13px;
	color:#124f7c;
}

.span3{

	font-weight: bold;
	font-size: 13px;
	color:#124f7c;
}

h4 {
	margin:10px 0px 0px 0px;
	font-size: 11px;
	color:#0167a9;
}

h5{

	margin:10px 0px 5px 0px;
	font-size: 13px;
	color:#019dd8;
}

strong{
	color: #0167a9;
}

.greynote{
	color:#999999;
	font-size: x-small;
	margin-top:5px;
	margin-bottom:5px;
}


/*==========================================================================================*/
/*ITEM STYLES*/

.item{
	padding: 0px 0px 15px 0px;
	margin: 0px 0px 15px 0px;
	background: url(/global/template/images/lines/hor_dot.gif) repeat-x bottom;
}

.item_title{
	font-size: 11px;
	font-weight:bold;
	margin: 0px 0px 5px 0px;
	color: #0167a9;
}
.item_date{
	font-size: 9px;
	color:#cbcbcb;
}

.item_content{
	margin:0px 0px 5px 0px;
}

.item_content img{
vertical-align:middle;
}

.item_hyperlink{
	padding: 0px 0px 0px 0px;
	color:#fd9800;
}
.item_hyperlink a{
	color:#019dd8;
	text-decoration:underline;
}
.item_hyperlink a:hover{
	color:#019dd8;
	text-decoration:none;
}

.item_link_inactive {
	color:#cbcbcb;
	text-decoration:none;
}
.item_link_inactive .aid{
	color:#cbcbcb;
	text-decoration:none;
}

.item_link_plain {
	font-size: 10px;
	font-weight:bold;
	color:#124f7c;
}

/*==========================================================================================*/
/* <A> DEFAULT LINK STYLES */

a{
	color:#019dd8;
;
}

a:hover{
	color:#019dd8;
	text-decoration:none;
}

a img{

border:0px solid #000000;}

.clearAstyle a{
color:#444444;
}

/*===========================================================================================*/
/* flash not installed fillers */

.flashfiller{
}

.flashnotification{
border:1px #fd6801 solid;
text-align:center;
padding: 10px;
}

.flashfiller_btn{
height:36px;
background: url(/PROFOS/global/images/headerimages/button_bar.gif) no-repeat bottom left;
vertical-align:middle;
}

/*=============================================================================================*/
.input{
font-size:11px;
width:200px;
margin:0px;
margin-top:1px;
font-family: Tahoma, Arial, Helvetica, sans-serif;
text-align:left;
padding:1px;
}

.input_small{
font-size:11px;
width:185px;
margin:0px;
margin-top:1px;
font-family: Tahoma, Arial, Helvetica, sans-serif;
text-align:left;
padding:1px;
}


.inputError{
font-size:11px;
width:200px;
margin:0px;
margin-top:1px;
font-family: Tahoma, Arial, Helvetica, sans-serif;
border-color:#FF3300;
border-width:2px;
border-style:solid;
padding:1px;
}

.send{
cursor: pointer;
}

.inputtagholder{
padding-top:2px;
width:150px;
text-align:right;
float:left;
}

.inputfield{

}
/* =========================================== AJAX POPUP STYLES */
#modalBackground {
	width:100%;
	height:100%;
	text-align:center;
	z-index:50;
	background-color:gray;
	filter:alpha(opacity=30);
	opacity:0.3;
	position:absolute;
}
#horizon_ajax {
	position: absolute; top: 50%; width: 100%;
	z-index:51;
}
#content_ajax {
	position: absolute; left: 50%; 
	width: 500px; 
	margin-left: -110px; 
	height: 500px; 
	top: -50px;
	background-color:white;
	border:1px double #124f7c;
}

/* ================================================================== */
.vertical_line{
margin-left:10px;
margin-right:10px;
width:1px;
background: url(/global/template/images/lines/vert_dot.gif) repeat-y;
}

/* ===================================================== table styles */
thead{
background:url(/global/template/images/table/head-style.gif) repeat-x;
color:#0167a9;
text-align:left;
}

tr.d0 td {
	background-color: #FFFFFF; color: black;
}
tr.d1 td {
	background-color: #f7f7f7; color: black;
}