/* GLOBAL STYLES */
body {
	background-position: center;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background-repeat: repeat-y;
	background-position: left;
}
#alert {				background-color:#FC0; border: 1px solid #930; padding: 10px; margin-bottom: 15px; }
#info {	padding: 10px; background-color:#0F9; border: 1px solid #096; font-weight: bold; } 
.thema {	margin-top: 10px; text-decoration: none; color: #000; display: block; background-color: #f08b24; padding: 5px; }
.subthema {	text-decoration: none; color: #000; display: block; background-color: #fbcfa5; padding: 2px; padding-left: 20px; margin-bottom: 1px; }
.question {	font-size: 13px; text-decoration: none; color: #000; display: block; background-color: #fff; padding: 2px; padding-left: 0px; margin-bottom: 1px; font-weight: bold; }
.answer {	background-color: #e5d5b5; padding: 10px; background-image:url(i/quote.gif); background-position: bottom right; background-repeat: no-repeat; }
.author {	color: #999; font-style: italic; padding-left: 10px; padding-bottom: 15px; font-size: 10px;}
.active {	font-weight: bold; }
.qmark {	width: 90%; padding-left: 40px; background-image:url(i/question.gif); background-position: top left; background-repeat: no-repeat; }
.procedure {	width: 90%; padding-left: 40px; background-image:url(i/procedure.gif); background-position: top left; background-repeat: no-repeat; }
.stapnr {	float: left; background-color:#036; color: 1px; padding: 5px; font-size: 10px; color:#CCC; margin-right: 10px; clear: both; -moz-border-radius: 5px; border-radius: 5px; margin-bottom: 5px;  }
.stap {	 min-height: 20px; padding-top: 5px;   }
.clear {	clear: both; }

textarea {	width: 95%; }

#container {
	background: url(i/header.jpg) no-repeat top left;
	width: 100%;
	height: 140px;
	padding: 0px 0px 0px 0px;
	margin: 0px;
}

#footer {
	width: 140;
	color: #666666;
	font-size: 9px;
	text-align: center;
	background-color: #efefef;
	border: 1px solid #dddddd;
	vertical-align: middle;
}
#footer a {
	color: color: #333333;
}
.tableborder {
	border: 1px solid #cccccc;
}
.amount {
	padding: 15px;background-color:#0f8d18; color: #c0fac4; font-weight: bold; font-size: 18px; width: 80px; text-align: center; 
}

#orders 			{		list-style:none; margin: 0px; padding: 0px; padding-top: 20px; display: block; padding-left: 10px;  }
#orders a			{		text-decoration: none;  }
#orders li		{		float: left; width: 77px; height: 70px; background-image: url(i/back_inactive.gif); color: #4a5157; padding-right: 10px; background-repeat: no-repeat; font-size: 11px; text-align: center; }
#orders li.active	{		float: left; width: 77px; height: 70px; background-image: url(i/back_active.gif); color: #4a5157; padding-right: 10px; background-repeat: no-repeat; font-size: 11px; text-align: center; font-weight: bold; }
#orders #project	{		background-image: url(i/icon_project.png); background-repeat: no-repeat; height: 20px; width: 77px; display: block; background-position: 16px 5px; padding-top: 50px; color: #333; }
#orders #planning	{		background-image: url(i/icon_planning.png); background-repeat: no-repeat; height: 20px; width: 77px; display: block; background-position: 16px 5px; padding-top: 50px; color: #333; }
#orders #delivery	{		background-image: url(i/icon_delivery.png); background-repeat: no-repeat; height: 20px; width: 77px; display: block; background-position: 16px 5px; padding-top: 50px; color: #333; }
#orders #werkuren	{		background-image: url(i/icon_werkuren.png); background-repeat: no-repeat; height: 20px; width: 77px; display: block; background-position: 16px 5px; padding-top: 50px; color: #333; }
#orders #actoren	{		background-image: url(i/icon_actors.png); background-repeat: no-repeat; height: 20px; width: 77px; display: block; background-position: 19px 5px; padding-top: 50px; color: #333; }
#orders #files	{		background-image: url(i/icon_files.png); background-repeat: no-repeat; height: 20px; width: 77px; display: block; background-position: 16px 5px; padding-top: 50px; color: #333; }
#orders #countries	{		background-image: url(i/icon_countries.png); background-repeat: no-repeat; height: 20px; width: 77px; display: block; background-position: 16px 5px; padding-top: 50px; color: #333; }
#orders #brands	{		background-image: url(i/icon_brands.png); background-repeat: no-repeat; height: 20px; width: 77px; display: block; background-position: 16px 5px; padding-top: 50px; color: #333; }
#orders #kosten	{		background-image: url(i/icon_kosten.png); background-repeat: no-repeat; height: 20px; width: 77px; display: block; background-position: 16px 5px; padding-top: 50px; color: #333; }
#orders #facturatie	{	background-image: url(i/icon_facturatie.png); background-repeat: no-repeat; height: 20px; width: 77px; display: block; background-position: 16px 5px; padding-top: 50px; color: #333; }
#orders #labels	{	background-image: url(i/icon_labels.png); background-repeat: no-repeat; height: 20px; width: 77px; display: block; background-position: 16px 5px; padding-top: 50px; color: #333; }
#orders #lots	{	background-image: url(i/icon_lots.png); background-repeat: no-repeat; height: 20px; width: 77px; display: block; background-position: 16px 5px; padding-top: 50px; color: #333; }
#order_content 	{		border: 1px solid #CCC; padding: 10px; background-color:#FFF; display: block; clear: left;}
.content th 		{ 		background-color: #444; color: #FFF; font-weight: bold; text-align: left; }
#projectinfo td.label {	background-color: #dddddd; color: #000;	border: 1px solid #FFF;	padding-right: 50px; padding: 2px; }
/* selectors */
body 						{background-color:#FFFFFF; color:#333333; margin:0px; padding:0px; font:normal 11px/16px Verdana, Helvetica, Arial, Verdana, sans-serif;}
img							{border: 0px;}
fieldset					{border: 0px; margin: 0px; padding: 0px;}
form 						{margin: 0px;}
p 							{margin: 2px 0px 2px 0px;}
h1							{font-family: Georgia, "Times New Roman", Times, serif; color: #111111; font-size: 24px; padding-top: 5px; padding-bottom: 10px;border-bottom: 1px solid #cccccc;}
h2							{color: #111111; font-size: 16px; padding-top: 5px; }
h3							{color: #111111; font-size: 14px; padding-top: 5px; }


td							{font:normal 11px/16px Verdana, Helvetica, Arial, Verdana, sans-serif; text-align: left}
th							{background-color:#000; color:#EEEEEE; font-weight:bold}
#projectinfo td.theader		{background-color: none; color:#EEEEEE; font-weight:bold}
th a						{color:#EEEEEE; text-decoration: underline;}
input, select, textarea		{font:normal 11px/13px Verdana, Helvetica, Arial, Verdana, sans-serif; border: 1px solid #999999;}
a {							 text-decoration: underline; color: #990000; }
a:hover						{color: #CC0000; text-decoration: underline;}
input, select, textarea		{padding: 4px; }

#welcome {
	position: absolute;
	top: 105px;
	padding-left: 10px;
	color:#333333;
	font-size: 9px;
}

#blanket {
	background-color:#000;
	width: 100%;
	margin: auto;
	opacity: 0.75;
	filter:alpha(opacity=75);
	position:absolute;
	z-index: 9001;
	top:0px;
	left:0px;
}
#popUpDiv {
	margin: auto;
	position:absolute;
	background-color:#eeeeee;
	width:700px;
	height:600px;
	z-index: 9002;
	padding: 20px;
}

/* classes */
.blueBoldSubH				{position: relative; padding-top: 10px; padding-left: 12px; color: #003399; font-weight: bold; font-size: 12px}

a.blueUnder					{color: #003399; text-decoration: underline;}

a.download					{color: #003399; font-weight: bold; text-decoration: underline;}
a.download:hover			{color: #000066; font-weight: bold; text-decoration: underline;}




.blueText					{color:#000066;}
.bodyBold					{font-weight: bold;}

.spacer 					{position: relative; background-image: url(../images/spacer.gif); width: 4px; height: 1px;}
.spacer20 					{position: relative; background-image: url(../images/spacer.gif); width: 20px; height: 1px;}
.divider 					{position: relative; background-image: url(../images/dotted_line.gif); background-repeat: repeat-x; width: 162px; margin:5px 0px 5px 0px; height: 1px; margin: 0px 0px 10px 0px; overflow: hidden;}
.divider200					{position: relative; background-image: url(../images/dotted_line.gif); background-repeat: repeat-x; width: 200px; margin:5px 0px 5px 0px; height: 1px; overflow: hidden;}
.divider295					{position: relative; background-image: url(../images/dotted_line.gif); background-repeat: repeat-x; width: 295px; margin:5px 0px 5px 0px; height: 1px; overflow: hidden;}
.divider380					{position: relative; background-image: url(../images/dotted_line.gif); background-repeat: repeat-x; width: 380px; margin:5px 0px 5px 0px; height: 1px; overflow: hidden;}
.dividerNew					{position:relative; background-image:url(./i/dotted_line.gif); background-repeat:repeat-x; width:inherit; height:1px;	margin:0px 0px 10px 0px; overflow:hidden;}

/* TOP FRAME */
#topframe 					{position: absolute; width: 100%; margin: 0px; padding: 0px; text-align: center; z-index: 100;}
#topcontent 				{position: relative; text-align: left; width: 754px; margin: 10px auto 0px auto; z-index: 1;}

#topleftcontent 			{float:left; width: 110px; height: 120px; padding: 0px; margin: 0px; background-color: #0F218B;}
.logoLeft					{position: relative; width: 88px; height:23px; top: 70px; padding-bottom: 13px; padding-left: 10px; background: #0F218B;}

#topcentercontent 			{float:left; width: 446px; padding: 0px; margin-left: 6px;}
#topnavsearchbox				{float: left; width: 184px; height: 118px; margin-left: 6px; padding-bottom: 2px; background: #010066;}
#toprightcontent 			{float:left; width: 184px; height: 120px; margin-left: 6px; padding-bottom: 2px; background: #003399;}
.headingTopRightDrop		{position: relative; width: 69px; height:22px; top: 55px; padding-left: 10px;}	

.searchDropdown				{font-size: 11px; font-family: Tahoma, Helvetica, Arial, Verdana, sans-serif; width: 135px; height: 20px; color:#003399; background-color: #ffffff;}	
	
#logo 						{margin-bottom:9px;}		
		
#topnavpagename 			{margin-bottom:10px;}
			

#siteSearch					{position: relative; width: 164px; top: 12px; left: 11px; padding-bottom: 10px; margin-bottom: 6px}
.tableSearch				{width: 160px; height: 45px; font-size: 11px; color: #003399;}
.searchBox					{width: 130px; height: 16px; font-family: Tahoma, Helvetica, Arial, Verdana, sans-serif; font-size: 11px; color: #003399; border-bottom: #003399 1px solid; border-top: #003399 1px solid; border-left: #003399 1px solid; border-right: #003399 1px solid; background-color: #ffffff;}

			
/* CONTENT FRAME */
#contentframe 				{position: absolute; padding-left: 5px;left: 0px; top: 140px; width: 100%; margin: 0px; text-align: center;}
#content 					{position: relative; text-align: left; width: 754px; margin-left: auto; margin-right: auto;}
#utilitybar 				{position: relative; clear:both; text-align: left; width: 754px; color: #999999; text-align: center; margin:20px 0px 20px 0px; padding: 20px 0px 20px 0px;}

#bottomContent				{position: relative; float: right; width: 740px; top: 70px; left: -220px; color: #333333;}
#bottomContent2				{position: relative; float: left; width: 530px; top: 20px; left: 0px; padding-left: 0px;}
#utilityLinks				{position: relative; float: left; width: 600px;}
a.utility					{color: #999999; text-decoration: none;}
a.utility:hover				{}

#menu 						{position: relative; width: 744px; height: 25px; margin: 0px; left: 9px; padding: 0px; z-index:5; overflow: hidden;}
.menuStay					{font-weight: bold}

.longDottedline				{position: relative; width: 744px; height: 15px;}
.footerDottedline			{position: relative; width: 530px; height: 5px; padding-bottom: 5px; padding-top: 5px;}

#contentcenterTop1			{position: relative; float:left; width: 354px; height: 100px; left: 0px; margin-bottom: 6px; background: #F5F9FD;}
#contentcenterTop2			{position: relative; float:left; width: 354px; height: 94px; top: -6px; left: 0px; padding-top: 0px;}
#contentcenterMiddle		{position: relative; float:left; width: 334px; height: 100px; left: 0px; margin-bottom: 6px; background: #ffffff;}
.contentcenterMiddleLeft	{position: relative; float:left; width: 230px; height: 80px; left: 6px; margin-bottom: 10px;}
.contentcenterMiddleRight	{position: relative; float:right; width: 70px; height: 80px; left: 6px; margin-bottom: 10px;}

.arrowlistmenu{
width: 230px; /*width of accordion menu*/
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
	font: bold 14px Arial;
	color: white;
	background: black url(i/titlebar.png) center left;
	margin-bottom: 0; /*bottom spacing between header and rest of content*/
	text-transform: uppercase;
	padding: 4px 0 4px 10px; /*header text is indented 10px*/
	cursor: hand;
	cursor: pointer;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
	background-image: url(i/titlebar-active.png);
	color: #ffffff;
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
	color: #00257a;
	background: url('i/arrowbullet.png') no-repeat center left; /*custom bullet list image*/
	display: block;
	padding: 2px 0;
	padding-left: 19px; /*link text is indented 19px*/
	text-decoration: none;
	font-weight: bold;
	border-bottom: 1px solid #dadada;
	font-size: 90%;
}

.arrowlistmenu ul li a:visited{
color: #00257a;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #00257a;
background-color: #F3F3F3;
}

#geduld {	display: none; }