/*
colors:
red 		 #d21143;}
green 	#78a22e;}
blue 		#009ddc;}
orange	#f58428;}
*/

body 	{
	font-family: verdana;
	font-size: x-small;
	color: black;
	margin: 0;
	padding: 0;
	height: 100%;
	background-color: #f4f1f0;
	background-image: url(../images/achtergrond.jpg);
	background-repeat: repeat-y;
	background-position: center;
}

h1, h2, h3, h4	{clear: left;}

h1		{ font-size: large; margin-bottom: 0; }
h2		{ font-size: medium; color: #808080; font-weight: normal; margin-bottom: 0; }
h3		{ font-size: small; color: #808080; margin-bottom: 0; }
h4		{ font-size: x-small; color: black; margin-bottom: 0;  }

p 		{
	margin-top: 4px;
	line-height: 150%;
	margin-right: auto;
	padding-right: 20%;
}

td		{vertical-align: top;}

a 			{ color:#f58428; text-decoration: none; }
a:hover 	{ color:#009ddc; text-decoration: none;}

.container 	{
	text-align: left;
	background: white;
	margin: auto;
	height: 100%;
	min-height: 500px;
	width: 1024px;
}

.top		{
	height: 150px;
	color: white;
	background: #ccc;
}

.container#portal .top		{ height: 50px; border: 1px solid lime; display: none;}

.container#infacilities .top				{ background: #f58428; }
.container#infacilities   .topwerken {
	background-image: url(../images/portal_top_03.jpg);
	background-repeat: no-repeat;
	background-position: left;
	background-color: #F58428;
}

.container#infacilities h1, .container#infacilities h3	{ color: #f58428; }
.container#infacilities .main a			{ color:#f58428; }
.container#infacilities .main a:hover	{ color:#808080; }
.container#infacilities .main li	{ list-style-image:  url(../images/bullet_infacilities.gif); line-height: 150%}

.container#frontoffices .top				{
	background-image: url(../images/images_frontoffices/top_receptiediensten.jpg);
}
.container#frontoffices h1, .container#frontoffices h3	{ color: #d21143; }
.container#frontoffices .main a			{ color:#d21143; }
.container#frontoffices .main a:hover	{ color:#808080; }
.container#frontoffices .main li	{ list-style-image:  url(../images/bullet_frontoffices.gif); line-height: 150%}

.container#services .top				{ background: #009ddc; }
.container#services h1, .container#services h3	{ color: #009ddc; }
.container#services .main a			{ color:#009ddc; }
.container#services .main a:hover	{ color:#808080; }
.container#services .main li	{ list-style-image:  url(../images/bullet_services.gif); line-height: 150%}

.container#techniek .top				{
	background-image: url(../images/images_techniek/top_facilitaire_onderteuning.jpg);
}
.container#techniek h1, .container#techniek h3	{ color: #78a22e; }
.container#techniek .main a			{ color:#78a22e; }
.container#techniek .main a:hover	{ color:#808080; }
.container#techniek .main li	{ list-style-image:  url(../images/bullet_techniek.gif); line-height: 150%}

.logo		{ margin-left: 80px; margin-top: 20px; display: inline; float: left;}
img.logo 	{ border: 0; }
.container#portal .logo		{margin: 0 5px 0 0; float: right;}

.topright				{ display: inline-block; float: right; width: auto; margin: 0 10px 0 0; }
.topright .button		{ border: 1px solid white; height: 40px; width: 100px; display: inline-block; float: left; margin: 4px 10px; padding-top: 10px; text-align: center; }
/*.container#infacilities .topright .button		{ border: 1px solid #808080; color: #808080; font-weight: bold;} */
.topright .button input	{ width: 50px; font-size: x-small; border: 0; margin: 2px; }
.topright .button a 		{ color: white; text-decoration: none; font-weight: bold; }
/*.container#infacilities .topright .button a 		{ color: #808080; }*/
.topright .button img	{ border: 0; }
.topright .button form	{ margin: 0; }

.top .menu	{
position: absolute;
top: 125px;
left: 35%;
width: auto;
height: 25px;

}
.top .menu a .item	{ color: white; text-decoration: none; width: 100px; height: 20px; background: white; margin: 0 2px; padding-top: 5px; display: inline-block; text-align: center; font-weight: bold; float: left; }
.top .menu a:hover .item				{ background: white; color: #f58428; cursor: hand;}

.top .menu a .item#infacilities		{ background: #f58428;}
.top .menu a:hover .item#infacilities	{ background: white; color: #f58428; }
.top .menu a .item#frontoffices		{ background: #d21143; }
.top .menu a:hover .item#frontoffices 	{ background: white; color: #d21143;}
.top .menu a .item#services			{ background: #009ddc;}
.top .menu a:hover .item#services		{ background: white; color: #009ddc;}
.top .menu a .item#techniek			{ background: #78a22e;}
.top .menu a:hover .item#techniek		{ background: white; color: #78a22e;}

.left				{
	width: 200px;
	height: 700px;
	vertical-align: top;
	color: white;
	background-color: #CCCCCC;
	background-image: url(../images/corner_20.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.container#infacilities .left	{ background: gray url(../images/left_back_infacilities.jpg) no-repeat right bottom; }
.container#frontoffices .left	{ background: gray url(../images/left_back_frontoffices.jpg) no-repeat right bottom; }
.container#techniek .left	{ background: gray url(../images/left_back_techniek.jpg) no-repeat right bottom; }
.container#services .left	{ background: gray url(../images/left_back_services.jpg) no-repeat right bottom; }
.left .menu			{ color: white; padding-top: 20px;}
.left .menu a		{ display: block; color: white; padding: 10px 0 10px 20px; text-decoration: none; border-bottom: 1px solid #ccc; background: url(../images/bullet_left_white.gif) no-repeat left center; font-weight: bold;}
.left .menu a:hover	{ text-decoration: underline; background: url(../images/bullet_left_black.gif) no-repeat left center; }

.container#infacilities .left .menu a:hover	{ text-decoration: underline; background: #f58428 url(../images/bullet_left_black.gif) no-repeat left center; }
.container#frontoffices .left .menu a:hover	{ text-decoration: underline; background: #d21143 url(../images/bullet_left_black.gif) no-repeat left center; }
.container#techniek .left .menu a:hover	{ text-decoration: underline; background: #78a22e url(../images/bullet_left_black.gif) no-repeat left center; }
.container#services .left .menu a:hover	{ text-decoration: underline; background: #009ddc url(../images/bullet_left_black.gif) no-repeat left center; }

.container#frontoffices .left .menu#menutechniek, 
.container#frontoffices .left .menu#menuservices, 
.container#frontoffices .left .menu#menuinfacilities, 
.container#techniek .left .menu#menufrontoffices, 
.container#techniek .left .menu#menuservices, 
.container#techniek .left .menu#menuinfacilities, 
.container#services .left .menu#menutechniek, 
.container#services .left .menu#menuinfacilities, 
.container#services .left .menu#menufrontoffices,
.container#infacilities .left .menu#menutechniek, 
.container#infacilities .left .menu#menuservices, 
.container#infacilities .left .menu#menufrontoffices		{ display: none; }

.container#frontoffices .left .menu#menufrontoffices, 
.container#techniek .left .menu#menutechniek, 
.container#services .left .menu#menuservices		{ display: block; }

.left ul, li		{ margin: 0; padding: 0; list-style-type: none;}
.left ul ul			{ margin-left: 2em; }
.left ul ul li a	{ padding: none; }

.container#infacilities .left .active		{ background: #f58428; }
.container#frontoffices .left .active		{ background: #d21143; }
.container#techniek .left .active			{ background: #78a22e; }
.container#services .left .active			{ background: #009ddc; }

.container .left .menu .open .inactive a	{ background: #808080 url(../images/bullet_left_black.gif) no-repeat left center; }

.container#infacilities .left .menu .open .active a	{ background: #f58428 url(../images/bullet_left_black.gif) no-repeat left center; }
.container#frontoffices .left .menu .open .active a	{ background: #d21143 url(../images/bullet_left_black.gif) no-repeat left center; }
.container#techniek .left .menu .open .active a	{ background: #78a22e url(../images/bullet_left_black.gif) no-repeat left center; }
.container#services .left .menu .open .active a	{ background: #009ddc url(../images/bullet_left_black.gif) no-repeat left center; }

.left .menu .open a, 
.left .menu .open a:hover	{ background: #ccc url(../images/bullet_left_black.gif) no-repeat left center; }
.left .menu .open ul a		{ background: none url(../images/bullet_left_black.gif) no-repeat left center; padding: 5px 0 5px 20px;}

.container#infacilities .left .menu .open a, 
.container#infacilities .left .menu .open a:hover	{ background: #f58428 url(../images/bullet_left_black.gif) no-repeat left center; }
.container#infacilities .left .menu .open ul a		{ background: none; }
.container#frontoffices .left .menu .open a, 
.container#frontoffices .left .menu .open a:hover	{ background: #d21143 url(../images/bullet_left_black.gif) no-repeat left center; }
.container#frontoffices .left .menu .open ul a		{ background: none; }
.container#techniek .left .menu .open a, 
.container#techniek .left .menu .open a:hover	{ background: #78a22e url(../images/bullet_left_black.gif) no-repeat left center; }
.container#techniek .left .menu .open ul a		{ background: none; }
.container#services .left .menu .open a, 
.container#services .left .menu .open a:hover	{ background: #009ddc url(../images/bullet_left_black.gif) no-repeat left center; }
.container#services .left .menu .open ul a		{ background: none; }


/*homepage*/
.texthome					{ text-align: left; margin: 0; padding-left: 5px; }
.lefthome, .middlehome1		{ width: 235px; height: 110px; text-align: left; margin: 10px 5px; padding: 10px; border: 1px solid white;}
.lefthome					{ text-align: left; vertical-align: bottom; padding-top: 20px; padding-right: 0; height: 100px; }
.lefthome p					{  margin-bottom: 0;  padding-right: 0;}
.lefthome#frontoffices p, .lefthome#frontoffices h1, .lefthome#frontoffices a	{color: #d21143;}
.lefthome#techniek p, .lefthome#techniek h1, .lefthome#techniek a				{color: #78a22e; }
.lefthome#services p, .lefthome#services h1, .lefthome#frontoffices a			{color: #009ddc; }
.middlehome1				{ color: white; cursor: hand; }
.middlehome1 img				{ border: 0; }
.middlehome1#frontoffices 	{ background: #d21143; }
.middlehome1#techniek 		{ background: #78a22e; }
.middlehome1#services 		{ background: #009ddc; }
.middlehome2				{ width: 235px; height: 110px; border: 1px solid #f58428; background: white; margin: 10px 5px; padding: 10px; text-align: left; }
.middlehome2 a				{ display: block; text-align: right; }
.middlehome2 h1				{ color: #808080;}
/* /homepage*/


.main		{
	padding: 20px;
	background: url(../images/background.gif) no-repeat right bottom;
	font-size: x-small;
}
.inleiding	{ font-weight: bold; line-height: 200%; }

.imgleft	{ display: inline-block; float: left; min-width: 100px; min-height: 100px; margin: 0 10px 5px 0; padding: 15px;}
.imgleft img	{ border: 1px solid black; }
.imgleft p	{  font-size: x-small; font-style: italic; margin: 0; padding: 0; color: black; }

.imgright	{ display: inline-block; float: right; min-width: 100px; min-height: 100px; margin: 0 10px 5px 0;}
.imgright img	{ border: 1px solid black; }
.imgright p	{  font-size: x-small; font-style: italic; margin: 0; padding: 0; color: black; }

.right			{ display: inline-block; float: right; clear: right; width: 110px; min-height: 110px; background: #ccc; margin: 5px 10px 0 10px; padding: 5px; }

.right p			{ line-height: 100%; text-align: left; padding: 0% ;}
.container#portal .right#color		{ background: #f58428; }
.container#portal .right#color h1		{ color: white; }
.container#portal .right#color a, .container#portal .right a	{ color: white; font-weight: bold;}
.container#infacilities .right#color	{ background: #f58428; }
.container#frontoffices .right#color	{ background: #d21143; }
.container#techniek .right#color		{ background: #78a22e; }
.container#services .right#color		{ background: #009ddc; }

.container#portal .right h1, .container#infacilities .right h1, .container#frontoffices .right h1, .container#services .right h1, .container#techniek .right h1	{ font-size: small; color: black;}
.container#portal .right h2, .container#infacilities .right h2, .container#frontoffices .right h2, .container#services .right h2, .container#techniek .right h2	{ font-size: x-small; color: black; font-weight: bold;}

.footer		{ font-size: xx-small; color: #808080; text-align: right; padding: 10px 30px; clear: both;}
.footer a	{ color: #808080; font-weight: normal;}



/*temp*/

.blokje			{ width: 180px; height: 300px; float: left; color: white; font-weight: bold; text-align: right; font-size: medium; padding: 10px; margin-top: 10px;}
.blokje h1		{ background: white; color: black; margin: -10px -10px 5px -10px; padding-right: 10px;}
.blokje#red 		{ background: #d21143;}
.blokje#green 	{ background: #78a22e;}
.blokje#blue 	{ background: #009ddc;}
.blokje#orange	{ background: #f58428;}

.tagcloud	{ color: white; text-decoration: none; font-size: xx-small; text-align: center; display: inline-block; border: 1px dotted white; margin: 20px 0; }
.tagcloud a	{ color: white; text-decoration: none; text-align: center;}
.tagcloud #01	{ font-size: 6pt; }
.tagcloud #02	{ font-size: 8pt; }
.tagcloud #03	{ font-size: 10pt; }
.tagcloud #04	{ font-size: 12pt; }
.tagcloud #05	{ font-size: 14pt; }
.tagcloud #06	{ font-size: 16pt; }
.topwerken {
	height: 100px;
	color: white;
	background-color: #ccc;
	background-image: url(../images/portal_top_03.jpg);
}