@charset "UTF-8";

body
{
	background-image: none;
	font: normal 100% Arial, Helvetica, Verdana, sans;
	
	font-size: 11px;
	
	color: #666666;

	margin:0px;
	padding:0px;
}

.maincontainer 
{
	width:1024px;
	margin:0px auto;
	padding: 0px;
	background:#ffffff;
}

.maincontainer a:link
{
	color: #0078c9;
	text-decoration: none;
}

.maincontainer a:visited
{
	color: #E82D48;
	text-decoration: none;
}
.maincontainer a:active
{
	color: #FF0366;
	text-decoration: none;
}
.maincontainer a:hover
{
	color: #FF0000;
	text-decoration: none;
}

.maincontainer .noline a:hover
{
	text-decoration: none;
	cursor: pointer;
}


div#content
{
	position: relative;
	left: 25px;
	
	width: 950px;
	height: auto;
	
	color: #666;
	font: normal 100% Arial, Helvetica, Verdana, sans;
	float: left;
	
	margin: 160px 0 50px 0;	

}



/*************************************************
*Mark-up
*************************************************/

pre { font: normal 100% Arial, Helvetica, Verdana, sans; font-size: 11px; color: #666; font-weight: bold; }


h1
{
	color: #0078c9;
	font-size: 210%;
	font-weight: lighter;
	
	margin-bottom: -5px;
}

h2
{
	color: #666666;
	font-size: 12px;
	font-weight: bold;
}

h3
{
	color: #0078c9;
	font-size: 15px;
	font-weight: bold;
	
	margin-bottom: -5px;
}

h4
{
	color: #0078c9;
	font-size: 14px
}

h5
{
	color: #333333;
	font-size: 12px;
	font-weight: bold;
}

h6
{
	font-size: 150%;
    color: #666;
    padding-bottom: 10px;
}

.text
{
	color: #333;
	font-size: 12px;
	font-weight: bold;
}

/*************************************************
*Standaard indeling
*************************************************/

.marge
{
	position: relative;
	height: 30px;
}

.left
{
	position: relative;
	width: 470px;
	float: left;
}

.right
{
	position: relative;
	width: 470px;
	float: right;
}


/*************************************************
*Images
*************************************************/

.images_pointer
{
	cursor: pointer;
}

.images
{
	border: 2px solid #0078c9;
}

/*************************************************
*Bedrijventekoop.nl
*************************************************/

.iframe_bedrijventekoop
{
	border: 0px solid #999999;
	padding: 0 0 0 50px;
}


/*************************************************
*Tables
*************************************************/

table{
	color:#333;
}

table#title
{
	position: relative;
	
	border-collapse: collapse;
	border-spacing: 0px;
	border-bottom: 1px;

}

table#title td { padding-left: 30px; text-align: right; border-bottom: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; }

table.top
{
	position: relative;
	width: 400px;

	border-collapse: collapse;
	border-spacing: 1px;
	border: 1px;
}

table.top td	{border-top: 1px solid #CCCCCC;}

table.smalltop
{
	position: relative;
	width: 200px;

	border-collapse: collapse;
	border-spacing: 1px;
	border: 1px;
}

table.smalltop td	{border-top: 1px solid #CCCCCC;}

table#detail_big
{
	position: relative;
	
	width: 650px;
	height: 100%;
	
	text-align: left;
	font-family: Verdana;
	font-weight: normal;
	font-size: 11px;
	border-collapse: collapse;
	border-spacing: 2px;
	border-bottom: 1px;
}

table#detail_big td      { padding: 3px; margin-right: 10px; text-align: left; border-bottom: 1px solid #CCCCCC;}

table#detail_small
{
	position: relative;
	
	width: 400px;
	height: 100%;
	
	text-align: left;
	
	font-family: Verdana;
	font-weight: normal;
	font-size: 11px;
	border-collapse: collapse;
	border-spacing: 2px;
	border-bottom: 1px;
}

table#detail_small td      { padding: 3px; margin-right: 10px; text-align: left; border-bottom: 1px solid #CCCCCC;}

table#detail_medium
{
	position: relative;
	
	width: 600px;
	height: 100%;
	
	text-align: left;
	font-family: Verdana;
	font-weight: normal;
	font-size: 11px;
	border-collapse: collapse;
	border-spacing: 2px;
	border-bottom: 1px;
}

table#detail_medium td      { padding: 3px; margin-right: 10px; text-align: left; border-bottom: 1px solid #CCCCCC;}

table#big
{
	position: relative;
	
	width: 800px;
	height: 100%;
	
	text-align: left;
	font-family: Verdana;
	font-weight: normal;
	font-size: 11px;
	border-collapse: collapse;
	border-spacing: 2px;
	border-bottom: 1px;
}

table#big td      { padding: 3px; margin-right: 10px; text-align: left; border-bottom: 1px solid #CCCCCC;}
				   
table.small
{
	position: relative;
	
	width: 400px;
	height: auto;
	
	text-align: left;
	font-family: Verdana;
	font-weight: normal;
	font-size: 11px;
	border-collapse: collapse;
	border-spacing: 2px;
	border-bottom: 1px;
	margin-bottom: 40px;
}

table.small td      { padding: 3px; margin-right: 10px; text-align: left; border-bottom: 1px solid #CCCCCC;}


table#form_small
{
	position: relative;
	top: 20px;
	left: 0px;
	
	width: 450px;
	height: 100%;
	
	text-align: left;
	font-family: Verdana;
	font-weight: normal;
	font-size: 11px;
	color: #404040;
	border-collapse: collapse;
	border-spacing: 2px;
	overflow: scroll;
	
	margin-bottom: 50px;
}

table#form_big
{
	position: relative;
	top: 20px;
	left: 0px;
	
	width: 400px;
	height: 100%;
	
	text-align: left;
	font-family: Verdana;
	font-weight: normal;
	font-size: 11px;
	color: #404040;
	border-collapse: collapse;
	border-spacing: 2px;
	overflow: scroll;
	
	margin-bottom: 50px;
}

table#form_big td      { padding: 10px; margin-right: 10px; text-align: left; border-bottom: 0px solid #CCCCCC;}


.nieuwstabel
{
	position: relative;
	width: 400px;
	height: auto;
	margin-top: 10px;
}
		
	.nieuwstabel .nieuws_header
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 370px;
		height: 25px;
		
		background-image: url(../images/header_news_ferro.jpg);
		background-repeat: repeat-x;
		
		font-size: 13px;
		font-weight: bold;
		color: #FFF;
		line-height: 25px;
		padding-left: 20px;
	}

	.nieuwstabel .table_rss_metaalnieuws{
		
		position: relative;
		top: 0px;
		left: 0px;

		width: 390px;
		
		text-align: left;
		border-collapse: collapse;
		border-spacing: 2px;
		border-bottom: 0px;
	}
	
	.nieuwstabel .table_rss_metaalnieuws td { 
		padding: 2px; text-align: left; line-height: 20px;}
	
	.nieuwstabel .bedrijfsnieuws{
		width: 350px;
	}
	
	.nieuwstabel .collapse_metaalnieuws{
		cursor: hand;
		cursor: pointer;
		width: 350px;
		border: 1px solid #F0s0;
		color: #0078c9;
	}
	
	.nieuwstabel .opennieuwsdetail{
		background: none;
		padding: 2px;
	}


/*************************************************
*Formulieren
*************************************************/
input#login
{
    font: bold 100% Arial, Helvetica, Verdana, sans;
    color: #000;
}

input {
    font: bold 100% Arial, Helvetica, Verdana, sans;
    color: #000;
}

textarea {overflow-x: hidden; overflow-y: scroll; font: bold 100% Arial, Helvetica, Verdana, sans;}

input:focus, textarea:focus {
        background: #fff;
    }
    .form_text {
        background: #f3f3f3;
        border: 1px solid #ddd;
        border-top-color: #bbb;
        border-top-width: 2px;
        border-left-color: #bbb;
        border-right-color: #bbb;
    }

label.blue {
	color: #0281ca;
}

input.search
{
	background-image:url(../images/thema_button.jpg);
			
	width: 83px;
	height: 24px;
	
	border: 0px;
	cursor: pointer;
	
	text-align: center;
	line-height: 22px;
	font-weight: bold;
	color: #666666;
}

input.date
{
	background-image:url(../images/calendar.bmp);
			
	width: 24px;
	height: 24px;
	
	border: 0px;
	cursor: pointer;
	
	text-align: center;
	line-height: 22px;
	font-weight: bold;
	color: #666666;
}

/*********************************************
*Navigatie
*********************************************/

/* widescreen */
.navigation
{
	position: relative;
	top: 60px;
	width: 800px;
	float: left;
	margin: 0 0 60px 0px;
	color: #333;
}

	.navigation .button_vorige
	{
		float: left;
		border: 0px solid #000066;
		margin: 10px;
	}

	.navigation .button_volgende
	{
		float: right;
		width: auto;
		margin: 10px;
		height: 40px;
	}

/* half-screen */
.navigatie
{
	position: relative;
	width: 400px;
	height: 45px;
	border: 0px solid #FF0000;
	float: left;
}

	.navigatie .button_vorige
	{
		float: left;
		border: 0px solid #000066;
		margin: 10px;
	}

	.navigatie .button_volgende
	{
		float: right;
		width: auto;
		margin: 10px;
	}

input.buttono {
	/*zie: IE button */
	background-image: url("../images/backgroundbutton.jpg");
	background-position: center;
	border: 1px solid #BBAA7D;
	cursor: pointer;
	height: 29px;
	
	position: relative;
	float: right;
		
	padding: 5px 10px 25px 10px;
	margin: 0 0 10px;
		
	text-align: center;
	text-decoration:none;
	
	color: #534741;
	font-size: 13px;
	font-weight: bold;
	line-height: 20px;
}

.buttons a, .buttons button{
    display: block;
	background-image: url("../images/backgroundbutton.jpg");
	background-position: center;
	border: 1px solid #BBAA7D;
	cursor: pointer;
	height: 15px;
	
	position: relative;
	
		
	padding: 5px 10px 10px 10px;
	
	margin: 0 0 10px;	
		
	text-align: center;
	text-decoration:none;
	
	color: #534741;
	font-size: 13px;
	font-weight: bold;
	line-height: 20px;
}

.buttons a:link, .buttons button{
    display: block;
	background-image: url("../images/backgroundbutton.jpg");
	background-position: center;
	border: 1px solid #BBAA7D;
	cursor: pointer;
	height: 15px;
	
	position: relative;
	
		
	padding: 5px 10px 10px 10px;
	
	margin: 0 0 10px;	
		
	text-align: center;
	text-decoration:none;
	
	color: #534741;
	font-size: 13px;
	font-weight: bold;
	line-height: 20px;
}

.buttons a:hover, .buttons button{
    display: block;
	background-image: url("../images/backgroundbutton.jpg");
	background-position: center;
	border: 1px solid #BBAA7D;
	cursor: pointer;
	height: 15px;
	
	position: relative;
	
		
	padding: 5px 10px 10px 10px;
	
	margin: 0 0 10px;	
		
	text-align: center;
	text-decoration:none;
	
	color: #534741;
	font-size: 13px;
	font-weight: bold;
	line-height: 20px;
}

.buttons a:visited, .buttons button{
    display: block;
	background-image: url("../images/backgroundbutton.jpg");
	background-position: center;
	border: 1px solid #BBAA7D;
	cursor: pointer;
	height: 15px;
	
	position: relative;
	
		
	padding: 5px 10px 10px 10px;
	
	margin: 0 0 10px;	
		
	text-align: center;
	text-decoration:none;
	
	color: #534741;
	font-size: 13px;
	font-weight: bold;
	line-height: 20px;
}

.buttons button{
    width:auto;
    overflow:visible;
    padding: 5px 10px 10px 10px; /* IE6 */
}
.buttons button[type]{
    padding:5px 10px 25px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:5px 10px 25px 10px; /* IE7 */
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

/***************************
*Menu
***************************/

.menu_2 {
	position: relative;
	top: -48px;
	right: 0px;
	z-index: 1;
}

div#bewerk_ook
{
	position: relative;
	
	float: right;
	
	padding-right: 10px;
	top: -25px;
}

		
#nav_2, #nav_2 ul {
			padding: 0;
			list-style: none;
			background-color: #0078c9;
			font-size: 12px;
			z-index: 9999;
			border: 2px solid #b2b2b2;
			height: 25px;
			width: auto;
			float: right;
		}
		#nav_2 a {
			display: block;
			padding: 5px 10px 5px 5px;
			margin: 0 -10px 0 0;
			background-color: #0078c9;
			color: #FFF;
			text-decoration: none;
			z-index: 9999;
		}
		
		#nav_2 a:hover {
			display: block;
			padding: 5px 10px 5px 5px;
			margin: 0 -10px 0 0;
			background-color: #0098aa;
			color: #FFF;
			text-decoration: none;
			z-index: 9999;
		}
		
		#nav_2 ul a {
			display: block;
			color: #333333;
			z-index: 9999;
		}
		#nav_2 ul li a:hover {
			height: 15px;
			padding-top: 5px;
			padding-bottom: 8px;
			background-color: #CCCCCC;
			color: #0078c9;
			text-decoration: none;
			z-index: 9999;
		}

		#nav_2 li {
			float: left;
			height: 2em;
			padding: 0 10px 0 0;
			z-index: 9999;
		}
		#nav_2 li ul {
			position: absolute;
			left: -999em;
			background-color: #FFFFFF;
			border: 2px solid #b2b2b2;
			padding: 0 0 0 0;
			z-index: 9999;

		}
		#nav_2 li:hover ul, #nav li.sfhover ul {
			left: auto;
			color: #0078c9;
			z-index: 9999;
		}


/*************************************************
*Footer
*************************************************/

.footer 
{
	position: relative;
	height: auto;
	padding: 0 0 10px -50px;
	margin-bottom: 30px;
	z-index: 3;
}

div#footer_ferrofinder
{
	position: relative;
	
	width: 985px;
	background-color:#EBEBEB;
	
	text-align: center;
			
	float: left;
	
	margin: 40px 0 30px 0;	
	padding: 20px 0 20px 0;
	border: 1px solid #CCCCCC;
	
	font-size: 10px;
	color: #999999;
	
	z-index: 1;
}

.footer_col 
{
	float: left;
	text-align: left;
	width: 200px;
	margin: 0 0 0 35px;
	padding: 0;
}

.footer_col p 
{
	line-height: 150%;
	padding: 0 20px 0 0;
	margin: 0 0 .8em 0;
	color: #333333;
}

.footer a:link
{
	color: #0078c9;
	text-decoration: underline;
}

.footer a:visited
{
	color: #0078c9;
	text-decoration: underline;
}
.footer a:active
{
	color: #FF0366;
	text-decoration: none;
}
.footer a:hover
{
	color: #0078c9;
	text-decoration: none;
}

/*************************************************
*Tekstblok achtergrond
*************************************************/

.top-left, .top-right, .bottom-left, .bottom-right { 
	background-image: url('../images/corners1280x18.gif'); /* CHANGE: path and name of your image */
	height: 9px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
	font-size: 2px;    /* DNC: correction IE for height of the <div>'s */
	}
.top-left, .bottom-left { 
	margin-right: 9px; /* CHANGE: replace by the width of one of your corners */
	}
.top-right, .bottom-right { 
	margin-left: 9px;  /* CHANGE: replace by the width of one of your corners */
	margin-top: -9px;  /* CHANGE: replace by the height of one of your corners */
	}
.top-right {
	background-position: 100% 0;    /* DNC: position right corner at right side, no vertical changes */
	}
.bottom-left  { 
	background-position: 0 -11px;    /* CHANGE: replace second number by negative height of one of your corners */
	}
.bottom-right { 
	background-position: 100% -11px; /* CHANGE: replace second number by negative height of one of your corners */
	}
.inside {
	border-left: 0px solid #C00000; /* YCC: color & properties of the left-borderline */
	border-right: 0px solid #C00000;/* YCC: color & properties of the right-borderline */
	background: #e8f6ff;            /* YCC: background-color of the inside */
	color: #000000;                 /* YCC: default text-color of the inside */
	padding-left: 10px;             /* YCC: all texts at some distance of the left border */
	padding-right:10px;             /* YCC: all texts at some distance of the right border */
	}
.notopgap    { margin-top: 0; }    /* DNC: to avoid splitting of the box */
.nobottomgap { margin-bottom: 0px; padding-bottom: 0px; } /* DNC: to avoid splitting of the box */