
 body {
/*	background:#54585E;*/
/*	background: #FAFAFA; */
/*	background: #E7EBEE; */
 	background-image: url(../images/bg.jpg); 
	background-repeat: repeat-x;
/*	background-attachment: fixed; */
	/*background: #EEEEE7; */
	margin: 0px 0px 0px 0px;
  	/* padding:20px; */
	font-size: 70%;
	font-family: Verdana,Sans-serif;
	line-height: 1.8em;
	color: #444444;
	height: 100%;
    }
    
/*################################################
### Links
----------------------------------------------- */

A {color: #5286aa; font-weight: normal;}
A:link {color: #5286aa; text-decoration: none;}
A:visited {color: #5286aa; text-decoration: none;}
A:active {color: #5286aa;}
A:hover {color: #A3BCDC; text-decoration: underline;}


/* Headers
----------------------------------------------- */

H1	{
	font-size: 1.5em;
	font-family: Arial ,Verdana,Sans-serif;
	font-weight: normal;
	color: #5286aa;
	letter-spacing: 1px; 
	margin: 0px;
	padding-top: 10px;
	padding-bottom: 0px;	
	}
	
H2 {
	font-size: 1.5em;
	font-family: Arial ,Verdana,Sans-serif;
	font-weight: bold; 
	color: #5286aa;
	margin: 0;
	padding-top: 0px;	
	padding-bottom: 10px;
	}
	
	
/* .std_hdr {
	font-size: 1.5em;
	font-family: Arial ,Verdana,Sans-serif;
	font-weight: bold; 
	color: #5286aa;
	margin: 0;
	padding-top: 5px;	
	padding-bottom: 5px;
	}*/
	
H3	{
	font-size: 1.2em; 
	font-family: Arial ,Verdana,Sans-serif;
	font-weight: bold;
	color: #5286aa;
	margin: 0; 
	padding-top: 0px;
	padding-bottom: 0px;
	}
	
H4	{
	font-size: 1em; 
	font-family: Arial ,Verdana,Sans-serif;
	font-weight: bold;
	margin: 0px; 
	padding-top: 10px;
	padding-bottom: 0px;
	text-decoration: none;
	color: #666;
	}
	
img {
	border: none;
	}

P {
	margin: 0px;
	padding-bottom: 10px;
}

HR {
	border: 1px solid #ccc;
}
	
/* Tables
----------------------------------------------- */

table.list {
	background-color: #fff;
	border: 0px solid #ddd;
	border-collapse: collapse;
	empty-cells: show;
	margin: 0 0 20px 0;
	padding: 4px;
	text-align: left;
}


table.list thead th {
	border: 0;
	border-bottom: 1px solid #ddd;
	color: 777;
	padding-right: 30px;
	padding-bottom: 3px;
	margin: 0 0 5px 0;
	text-align: left;
}

table.list thead th a {
	font-family: Arial ,Verdana,Sans-serif;
	font-size: 1.20em;
	font-weight: bold; 
	text-decoration: none;
}

table.list thead th a:hover {
	text-decoration: underline;
}

table.list tbody tr.odd {
	background-color: #f7f7f7;
}

table.list tbody tr.even {
	background-color: #fff;
}


table.list tbody tr:hover {
	background-color: #FFFFD6;
}

table.list tbody td {
	padding: 3px;
	padding-right: 15px;
	border-bottom: 1px #ddd solid;
	vertical-align: top;
}

table.list img {
	border: none;
	float: left;
	padding-bottom: 5px;
	padding-right: 0px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

table.list td a {
	text-decoration: none;
}

table.list td a:hover {
	text-decoration: underline;
}


/* Forms
----------------------------------------------- */

form {
	margin: 0px;
}

input {
	font-family: verdana, arial, helvetica, sans-serif;
	padding: 2px;
	font-size: 1em;
	}

textarea {
	padding: 2px;
	}


fieldset {
	padding: 10px;
	width: 870px;
	border: 1px solid #ccc;
	}
	
.input {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 1em;
	}

.reqfield {
	padding-right: 4px;
	color: #FF0000;
	}
	
.submitbutton {
	padding-left: 10px;
	padding-right: 10px;
	}
.searchbutton {

	}

label {
	cursor: pointer;
	cursor: hand; 
}

label:hover {
	color: #A3BCDC;
}

/* Other Elements
----------------------------------------------- */
	
	acronym
{
    border-bottom: 1px dotted #444;
}


/* CLASSES
----------------------------------------------- */
	
.code {
	margin-right: 20px;
	padding: 10px 20px;
	font-family: courier new;
	background-color: #F7F3F7;
	width: 400px;
	}

.inactive {
	color: #AFAFAF;
	}

.inactive a {
	color: #AFAFAF;
	}

.sorted {
	background-image: url(../images/website/sort.jpg);
	background-repeat: no-repeat;
	background-position: 0px 4px;
}


.left {
	float: left;	
	width: 200px;
}

.right {
	float: right;
	text-align: right;
/*	clear: right; */
	padding-right: 10px;
}

.pages_selected {
	font-weight: bold; 
	text-decoration: underline;
	font-size: 1.2em;
}
.pages A {
	margin-left: 1px;
	margin-right: 1px;
	padding-left: 3px;
	padding-right: 3px;
}

.pages A:hover {
	background-color: #FFFFD6;
}


.admin_block {
	float: left;
	margin-right: 10px;
	margin-bottom: 20px;
	width: 210px; 
	padding-left: 5px;
	padding-bottom: 10px;
	/* border: 1px solid #ccc; */
	}

.admin_block_title {
	margin-top: 20px;
	margin-left: 10px;
	text-decoration: none;
	}
	
.admin_block img {
	border: none;
	float: left;
	padding-bottom: 5px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	}

.admin_block ul {
	list-style-image: url(../images/icons/bullet.gif);
	margin : 0px 0px 1em 0px;
	padding-top: 0px;
	padding-left: 65px;
	padding-bottom: 0px;
	}

.sitemap {
	padding: 0px;
	margin: 0px;
	}
	
.sitemap ul{
/*	list-style-image: url(../images/icons/icon-bullet.gif);*/
	margin : 1px;
	padding-left: 25px;
	color: #ccc;
	}
	
.sitemap_ident ul{
	margin : 1px;
	padding: 1px;
	padding-left: 25px;
	}
	
.sitemap li
	{
	padding-top: 1px;
	padding-bottom: 1px;
	list-style: bullet;
	margin: 0;
	text-align: left;	
	}	
	
.portfolio_list 
	{
	float: left;
	width: 200px;
	height: 140px;
	}
.portfolio_list img 
	{
	float: left;
	padding: 5px 5px 5px 0px;
	}
	
.no-thumb
	{
	margin: 5px 5px 5px 0px;
	padding: 0;
	width: 100px;
	height: 100px;
	float:left;
	background-color: #cfcfcf;
	}	
	
	
	

/* Navigation Tabs */  	
	

    #nav {
	float:right;
	/*height: 30px;*/
	width: 400px;
	margin: 0px 0px 40px 0px;
	padding: 0px;
/* 	background: #FAFAFA; */
	line-height: 1.2em;
/* 	font-weight: bold; */
	display: block;
	/* font-size: 120%;*/
 	}
	  
	#nav ul {
    margin: 0;
    padding: 0; 
    list-style:none;
    }
	  
    #nav li {
    float:right;
    margin:0;
    padding:0; 
/*	width: 33.33%; */
	text-align: left; 
	border-top: 5px solid #FAFAFA;
	}
	  
    #nav a {
    float:left;
    display:block;
    padding:6px 6px 3px 6px;
    text-decoration:none;
    font-weight:bold;
    color: #333;
    }
    
	/* Commented Backslash Hack
       hides rule from IE5-Mac \*/
    #nav a {float:none;}
    /* End IE5-Mac hack */
    
	#nav a:hover {
    color:#54585E; 
    }
    
	 #nav li.current {
	/* background: #0045A2;  */
	height: 30px;
	border-top: 5px solid #0045A2; 
	}

	#nav .current a{
	
	}
	
  
	  
/* Menu Sidebar */  
	
	#sidebar .title
	{
/* 	font: bold 120% Verdana, sans-serif;
	background-color: #0045A2; */
	/* border-top: solid 3px #0045A2;*/
	margin:0;
	padding-left: 10px;
	padding-top: 38px;
	padding-bottom: 6px;
	margin-bottom: 11px;
	font-size: 1.5em;
	font-family: Arial ,Verdana,Sans-serif;
	font-weight: bold; 
	color: #5286aa;
	}
	
	.navlist
	{
	padding: 2px 0px 0px;
	margin: 0;
	border-top: 1px solid #f2f2f2;
	/*background-image: url(../images/dot2.gif); background-repeat: repeat-x; background-position: top;*/
	}
	
	.navlist ul {
	margin:0;
	padding:0;
	}
	
	.navlist li
	{
	padding-top: 1px;
	padding-bottom: 1px;
	list-style: none;
	margin: 0;
	text-align: left;	
	}
	
	.navlist li a
	{
	display: block;
	padding-top: 0px;
	padding-bottom: 5px;
	padding-left: 10px;
	/*background-image: url(../images/dot2.gif); background-repeat: repeat-x; background-position: bottom;*/
	text-decoration: none;
	border-bottom: 1px solid #f2f2f2;
	}
	
	
	/*
	.navlist li a:link { color: #448; }
	.navlist li a:visited { color: #667; }
	*/
	

	
	.navlist li a:hover
	{
	/*
	border-color: #FE3;
	color: #FFF; */
	background: #FAFAFA;
	}
	
	.navlist a
	{
	/* border-left: 3px solid white;*/
	}
	
	.navlist a.current
	{
	font-weight: bold;
	/* border-left: 3px solid #0045A2;*/
	}
	
	.navlist li li a{
	/*background-color: #fcfcfc;*/
	margin-left:20px;
	/*background-image: url(../images/dot2.gif); background-repeat: repeat-y; background-position: left;*/
	border-left: 1px solid #f2f2f2;
	}

	.navlist li li li{
	margin-left:20px;
	}

	
/*------------------------------*/
/*			 Boxes				*/
/*------------------------------*/

/* background images */
.rbroundbox { background: url(../images/boxes2/nt.gif) repeat; }

.rbroundbox_clear { background: url(../images/boxes2/nt.gif) repeat; }

.rbtop div { background: url(../images/boxes2/tl.gif) no-repeat top left; }
.rbtop { background: url(../images/boxes2/tr.gif) no-repeat top right; }
.rbbot div { background: url(../images/boxes2/bl.gif) no-repeat bottom left; }
.rbbot { background: url(../images/boxes2/br.gif) no-repeat bottom right; }

/* height and width, width not really necessary. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 100%;
height: 7px;
}
.rbcontent { 
	margin: 0 10px; 
	min-height:125px;			/* min height hack	*/
	height:auto !important;	/*					*/
	height:125px;				/*					*/
	}
	
.rbroundbox { width: 100%; margin: 0 0 10px 0; }

.rbcontent img {
	border: none;
	float: left;
	margin: 0px;
	margin-right: 6px;
	padding: 0px;
/*	border: 1px solid #878787; */
	}
	
.images .rbcontent img {
	float: left;
	padding: 5px 5px 5px 0px;
}

.images .rbcontent{
	height: 80px;
	padding: 5px;
}

/*------------------------------*/
/*			/Boxes				*/
/*------------------------------*/	
	
	

	
/* PAGE ELEMENTS */
	
	
#main {
	width:960px;
	margin-top: 0px;
	margin-left:  auto;
	margin-right:  auto;
	margin-bottom: 20px;
	padding: 0px;
/* 	border: 1px solid white; */
	text-align:left;
	/*border : 1px solid #778877;  */
	/*border : 4px solid white; */
	background: transparent;
/*	border: 1px solid #778877; */
/*	border-left: 1px solid  #f1f1f1;
	border-right: 1px solid  #f1f1f1; */
	
	
	
	}


#admin {
	margin: 0;
	padding: 0;
	color: #ccc;
	}


#left {
	float: left;
	margin: 0;
	padding: 0;
	width: 800px;
	}
	
#container {
	background: transparent; 
	margin: 0px 0px 0px 0px;
/*	background-image: url(../images/shadow.gif);
	background-repeat: repeat-y; 
	background-position: top right;*/
	padding: 10px 20px 0px 20px;
	}
	
#content_container {
	margin: 0px;
	padding: 0px;
	}
	
#header {
	float: left;
	width: 100%;
	/* height: 518px; */
	margin: 0;
/* 	margin-top: 10px;*/
	padding: 0;
/*	background-image: url(../images/headers/mfsvg_header4.jpg); */
/*	background-repeat: no-repeat; */
	background-position: left;
/*	height: 137px; */
	margin-bottom: 10px;
	}
	
#header .title {
	margin: 0px;
	margin-top: 95px; 
	padding: 10px;
	padding-top: 3px;
	text-align: right;
	font-weight: bold;
	color: #666;
	}
	
#sidebar_right {
	float: right;
	background-color : transparent; 
	margin:0 ;
	padding: 0;
	width: 200px;
}

#sidebar_right H3{
padding-top: 5px;
padding-bottom: 15px;
}
	
#breadcrumb {
	margin: 0;
	float: left;
	width: 400px;
/*	clear: left;*/
	padding: 10px 10px 5px;
	display: block;
	color: #ccc;
	}
#breadcrumb a{
	color: #ccc; font-weight: normal; 
	}
	
#sidebar {
	float: left;
	background-color : transparent; 
	width : 170px;
	padding-top : 3px;
	height: 518px;
	margin: 0px;
	margin-right: 20px;
	}

#content_small {
	float: left;
/*	display: block; */
	width: 510px; 
/*	width: 940px; */
/*	background-color : white; */
	/*margin-left : 170px; */
/*	min-height: 520px;
	height: auto;
	_height: 520px; */
	padding-top : 5px;
	padding-bottom : 25px;
	padding-left : 10px;
	padding-right : 10px;
}

#content {
	float: left;
	display: block;
	background-color : white;
	padding-top : 5px;
	padding-bottom : 25px;
	padding-left : 10px;
	padding-right : 0px;
	width: 710px; 
	
}

#content_home {
	float: left;
	display: block;
	background-color : white;
	padding-top : 0px;
	padding-bottom : 25px;
	padding-left : 10px;
	padding-right : 0px;	
	width: 870px;
}


#content_container {
/*	display: block;*/
	clear: both;
}

#footer {
	clear: both;
	margin: 0px;
	padding: 0px;
	}
	
#footer2 {
	clear: both;
	margin: 0px;
	padding-top: 0px;
	padding-left: 15px;
	padding-bottom: 0px;
	text-align: center; 
	font-size : 9px;
/* 	border-top: 1px solid #ccc; */
	color: #808080; 
/* background-color: #EEEEE7; */
 	background-image: url(../images/bottom.jpg); 
	background-repeat: repeat-x;
	height: 83px;
	
	}
	
#bottom {
	margin: 0 0 0 0;
	height: 25px;
	background-image: url(../images/bottom.gif);
	background-repeat: no-repeat; 
	background-position: top left;
	clear: both;
	}

	
#error {
	margin-bottom: 20px;
	padding: 7px 32px;
	width: 600px;
	border: 1px solid #FFF7B5; 
	color: #4A4D4A;
	background-color: #FFFFD6; 
	background-image: url(../images/website/warning.jpg);
	background-repeat: no-repeat;
	background-position: 9px 8px;
	}
	
#logo {
	float: left;
	width: 300px;
	height: 60px;
	line-height: 1.4em;
}

#logo a{
	text-decoration: none;
	color: #66A3CC;
}

#logo img{
	border: none;
	float: left;
	margin: 0px;
	margin-right: 6px;
	padding: 0px;
	
}

#login {
	margin: 0px;
	padding: 0px 25px;
/*	background-image: url(../images/icons/lock.jpg);
	background-repeat: no-repeat;
	background-position: 0px 4px; */
/*	height: 40px; */
	float: right;
	text-align: top right;
	background-color: transparent;
	color: #ccc;
	
	}




/* ------ Photo Popout ------ */

#block {
	width: 960px;
}

#kwicks_container {
	height: 120px;
	overflow: hidden;
}
#kwicks {
	position: relative;
}

#kwicks a {
	text-decoration: none;
	color: #fff;
	font: 1.5em, Verdana,Sans-serif;
	
}
 
#kwicks .kwick {
	float: left;
	display: block;
	width: 302px;
	height: 120px;
	margin: 0px;
	padding: 0px;
}
 
#kiwck1 {
	border-right: 5px solid white;
	background-image: url(../images/headers/header.jpg);
	background-repeat: no-repeat;
	background-position: left;
	

}
#kiwck2 {
	border-right: 5px solid white;
	background-image: url(../images/headers/header.jpg);
	background-repeat: no-repeat;
	background-position: left;
}
#kiwck3 {
	background-image: url(../images/headers/header.jpg);
	background-repeat: no-repeat;
	background-position: left;
}

 
#kwickend {
	background-color: #ccc;
	position: absolute;
	right: 0px;
	display: block;
	width: 5px;
	height: 120px;
	cursor: pointer;
}



/**************************************************************

	Image Menu
	v 2.2

**************************************************************/


#imageMenu {
	position: relative;
/*	width: 945px; */
	height: 156px;
	overflow: hidden;
}



#imageMenu ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	display: block;
	height: 136px;
/*	width: 1000px;*/
	
	}

#imageMenu ul li {
	float: left;
}

#imageMenu ul li a {
/*	text-indent: -1000px;*/
/*	background:#FFFFFF none repeat scroll 0%;*/
	margin-right: 10px;
	cursor:pointer;
	display:block; 
	overflow:hidden;
	width:290px;
	height: 136px;
}

#imageMenu a.header_title {
	padding-top: 135px;
	text-decoration: none;
	font-size: 1.3em;
	font-family: Arial ,Verdana,Sans-serif;
	font-weight: bold;
	color: white;
}

#imageMenu ul li.sel a{
width: 400px;
}

#imageMenu ul li.unsel a{
width: 245px;
}

#imageMenu ul li.machinefabriek a {
	background: url(../images/headers/machinefabriek.jpg) scroll 0%;
	background-repeat: no-repeat;
	background-position: top left;	
}

#imageMenu ul li.verspaning a {
	background: url(../images/headers/verspaning.jpg) scroll 0%;
	background-repeat: no-repeat;
	background-position:  top left;	
}

#imageMenu ul li.montage a {
	background: url(../images/headers/montage.jpg) scroll 0%;
	background-repeat: no-repeat;
	background-position:  top left;	
	/*width: 310px;*/
}

/* #sel {
	background-color: #fff;
    filter:alpha(opacity=50);
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
    -moz-opacity:.50;
    opacity:.50;
}*/

.clear {
	clear: both;
}

/*************************************************************/

