@import "subnav.css";
@import "referenties.css";

html {
  font-family: Tahoma,Geneva,Kalimati,sans-serif;
  background-color: #f6f7f9;	
  font-size: 12px;
  line-height: 15px;
}

body {
	background-color: #f6f7f9;	
	background: url(../assets/bodybackground.gif) repeat-x;
	font-size: 12px;
	line-height: 15px;
	font-family: Tahoma,Geneva,Kalimati,sans-serif;
}

font {
	font-size: 12px !important;
	line-height: 15px !important;
	font-family: Tahoma,Geneva,Kalimati,sans-serif !important;
}

a {
  text-decoration: none;
  font-size: 12px;
  line-height: 15px;
  font-family: Tahoma,Geneva,Kalimati,sans-serif;
}

p {
  font-size: 12px;
  line-height: 15px;
  font-family: Tahoma,Geneva,Kalimati,sans-serif;
}

h1 {
  color: #442104;
  font-size: 18px;
  font-weight: bold;
}

div#page {
	margin: 0 auto 0 auto;
	width: 980px;
	min-height: 800px;
}
	div#login_bar {
		height: 30px;
		width: 980px;
		background: url(../assets/login_background.gif) repeat-x;
	}
	
		
	div#login_container {
		float: right;
		/* width: 280px; */
    width: 80px;
		height: 30px;
	}
  
  
    div#lbl_extranet {
			margin: 2px 0 0 0;
			float: left;
			width: 72px;
			height: 24px;
			background: url(../assets/extranet.gif) no-repeat;
      cursor: pointer;
		}
  
	
		div#lbl_login {
			margin: 5px 0 0 0;
			float: left;
			width: 36px;
			height: 21px;
			background: url(../assets/lbl_login.gif) no-repeat;
		}
	
		div#username_container {
			float: left;
			margin: 2px 0 0 0;
			width: 119px;
			height: 28px;
			background: url(../assets/background_username.png) no-repeat;
		}
		
		div#password_container {
			float: left;
			margin: 2px 0 0 0;
			width: 96px;
			height: 28px;
			background: url(../assets/background_password.png) no-repeat;
		}
		
		#submit_container {
			float: left;
			width: 22px;
			height: 28px;
			margin: 2px 0 0 0;
		}
		
		input#username {
			margin: 5px 0 0 8px;
			width: 100px;
			height: 13px;
			line-height: 13px;
			font-size: 10px;
			color: #c0c0c0;
			background-color: #404040;	
			font-weight: bold;
			border: 0px;
			font-family: Tahoma,Geneva,Kalimati,sans-serif;
		}
		
		input#password {
			width: 100px;
			height: 13px;
			margin: 5px 0 0 8px;
			line-height: 13px;
			font-size: 10px;
			color: #c0c0c0;
			background-color: #404040;	
			font-weight: bold;
			border: 0px;
			font-family: Tahoma,Geneva,Kalimati,sans-serif;
		}
		
		
	div#logo {
		height: 90px;
		width: 980px;
		background-color: #fff;
	}
	
	div#menu {
		height: 30px;
		width: 980px;
		background-color: #6d9f42;
		overflow: visible;
	}
	
		#menu ul {
			float: left;
		    list-style: none;
		    padding: 0 !important;
		    display: block;
		}
		
		#menu ul li {
			float: left;
		    list-style-type: none;
		    display: inline;
		    padding: 0;
		    margin: 0;
		    height: 30px;
		  
		 }	
		 
		 #menu ul li a {		    
		    font-size: 11px;
		    color: #fff;
		 	padding: 0 15px 0 15px;
		 	font-family: verdana;
		 	line-height: 30px;
		 } 
		 
		 #menu ul li a img {
		 	padding: 5px 0 0 0;
		 }
		
		.active {
			background-color: #367ea3;	`
			border-bottom: 1px solid #367ea3;
			border-right: 1px solid #fff;
			border-bottom: 1px solid #367ea3;			
		}
	
		.inactive {
			border-bottom: 1px solid #fff;
			border-right: 1px solid #fff;
			background-color: #60bb46;
			z-index: 99999;
		}
	
	div#breadcrumb {
		margin-top: 1px;
		clear: both;
		height: 25px;
		line-height: 25px;
		width: 980px;
		background-color: #367ea3 !important;
		
	}
	
	.crumb {
		font-family: Tahoma,Geneva,Kalimati,sans-serif;
		font-size: 11px;
		line-height: 25px;
	}
	
	#lbl_breadcrumb {
		color: #86b2c8;
		padding: 0 0 0 17px;
	}
	
	.txt_breadcrumb {
		color: #c3d9e4;
		font-weight: bold;	
		padding: 0 4px 0 4px;
	}
	
	.crumblink {
		color: #c3d9e4;
		font-family: Tahoma,Geneva,Kalimati,sans-serif;
		font-size: 11px;
		text-decoration: underline;	
	}
	
	div#content {
		width: 980px;
		min-height: 615px;
		background: url(../assets/content_background.gif) repeat-x;
		background-color: #f6f7f9;
	}
	
	div#content_left {
		float: left;
		width: 731px; 
		height: 100%;
		margin: 0 0 0 8px;
	}
	
		div#block_top {
			width: 731px;
			height: 12px;
			background: url(../assets/content_top.png) no-repeat;
		}
		
		div#block_middle {
			width: 731px;
			min-height: 582px;
			background: url(../assets/content_middle.png) repeat-y; 
		}
				
		div#block_middle_header {
			width: 700px;
			height: 232px;
			margin: 0 auto;
			overflow: hidden;
		}
		
			div#header_left {
				float: left;
				width: 467px;
				height: 232px;
				background-color: #62bc49;
			}
			
			div#header_right {
				float: left;
				width: 233px;
				height: 232px;
				background: url(../assets/welkom_bij_stam_en_co.gif) no-repeat; 
				
			}			
			
			div#header_left_referenties {
				float: left;
				width: 309px;
				height: 232px;
				background-color: #000;
			}
			
			div#header_right_referenties {
				float: left;
				width: 391px;
				height: 232px;
				background-color: #62bc49;
				
			}			
		
			div#contentlefttext {
				padding: 10px 0 0 15px;
				width: 702px;
				font-family: Tahoma,Geneva,Kalimati,sans-serif;
				font-size: 12px;
				line-height: 18px;
			}
			
			div#contentlefttext ul {
				padding: 10px 0 0 15px;
				list-style-type: disc;
				font-family: Tahoma,Geneva,Kalimati,sans-serif;
				font-size: 12px;
				line-height: 18px;
			}
			
			div#contentlefttext h1 {
				font-size: 15px;
				color: #367ea3;
			}
			
			div#contentlefttext p {
				padding: 10px 0 0 0;
			}
		
		div#block_bottom {
			width: 731px;
			min-height: 11px;
			background: url(../assets/content_bottom.png) no-repeat; 	
		}	
	
	div#content_right {
		float: left;
	}
	
	div#block_middle_top {
		height: 18px;
		width: 237px;
		background: url(../assets/block_right_top.png) no-repeat; 	
	}
	
	div#block_middle_middle_container {
		/* background: url(../assets/block_right_middle_extra.png) repeat-y; */
		width: 237px;
		height: auto; 
	}
	
	div#block_middle_middle {
		height: 564px;
		width: 237px;		
		background: url(../assets/block_right_middle.png) no-repeat; 	
	}
	
	div#block_middle_middle h2 {
		font-size: 14px;
	}
	
		.subnav_header {
			clear: both;
			width: 204px;
			height: 42px;
			background: url(../assets/header_subnav.gif) no-repeat; 
			margin: 0 auto;			
		}	
		
			.subnav_header h2 {
				font-size: 16px;
				font-weight: bold;
				color: #fff;
				font-family: verdana;
				padding: 9px 0 0 10px;
			}
	
	div#block_middle_bottom {
		height: 21px;
		width: 237px;
		background: url(../assets/block_right_bottom.png) no-repeat; 		
	}	
	
	div#border {
		margin: 0 0 0 0;
		height: 6px;
		width: 980px;
		background-color: #dedfe0;
	}
	
	div#footer {
		width: 962px;
		height: 230px;
		margin: 10px; auto 0 auto;
		background: url(../assets/footer_background.gif) repeat-x;
	}
	
	
		div#footer_left {
			width: 235px;
			height: 220px;
			float: left;
		}
		
			#footer_left span {
				color: #fff;
				font-family: Tahoma,Geneva,Kalimati,sans-serif;
				font-size: 11px;
				padding: 0 0 0 15px;
				line-height: 25px;
			}
		
			#footer_left h2 {
				margin: 52px 0 0 10px;
				color: #909090;
				font-size: 16px;
			}
		
			#footer_left ul {
				margin: 4px 0 0 10px;
			}
		
			#footer_left ul img 
			{
				padding: 0 10px 0 4px;
			}
		
			#footer_left ul li {
				line-height: 18px;
				height: 18px;				
			}
		
			#footer_left ul li a {
				font-size: 11px;
				color: #fff;
				text-decoration: underline;			
			}
			
		
		div#footer_middle {
			width: 246px;
			height: 220px;
			float: left;
			color: #fff;
		}
			div#footer_middle h2 {
				margin: 52px 0 0 0;
				color: #909090;	
				font-size: 16px;
			}
		
			div#footer_middle p {
				margin: 10px 0 0 0;
				line-height: 16px;
			}
			div#footer_middle table {
				font-size: 11px;
				line-height: 18px;
				color: #fff;
			}
			
			div#footer_middle table td {
				color: #fff !important;
			}
			
			div#footer_middle table a {
				color: #fff;	
				text-decoration: underline;			
			}
		
		div#footer_right {
			width: 246px;
			height: 220px;
			float: left;
		}
			div#footer_right h2 {
				margin: 52px 0 0 0;	
				color: #909090;
				font-size: 16px;
			}

.tekstcontact {
  width: 190px;
  size: 190;
  line-height: 35px;
}

table {
  font-size: 12px;
  font-family: Tahoma,Geneva,Kalimati,sans-serif;
}

table {
  font-size: 12px;
  font-family: Tahoma,Geneva,Kalimati,sans-serif;
}

input {
	border: 1px solid #59b23f;
}

textarea {
	border: 1px solid #59b23f;
	width: 335px;
	font-size: 12px !important;
  	font-family: Tahoma,Geneva,Kalimati,sans-serif !important;
}


#message_send {
  padding: 20px 0 0 0px;
  clear: both;
  font-size: 12px;
  font-family: Tahoma,Geneva,Kalimati,sans-serif;
  color: #442104;
}

.error {
  clear: both;
  font-size: 12px;
  font-family: Tahoma,Geneva,Kalimati,sans-serif;
  color: red;
  line-height: 35px;
}

#contact {
	margin: 15px 0 0 15px;	
}

#google_map {
	height: 300px;
	width: 300px;
}

.clearboth {
	clear: both;
}

#google_address {
  font-size: 11px;
  line-height: 15px;
  font-family: Tahoma,Geneva,Kalimati,sans-serif;
}

#contact_address {
	padding: 10px 0 0 0;
	height: 100px;
	width: 185px;
	margin: 0 auto;
	font-size: 12px;
	line-height: 18px;
	font-family: Tahoma,Geneva,Kalimati,sans-serif;
}

#contact_address a{
	text-decoration: underline;
	color: #000;
}

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

ol li
{
  list-style-type: decimal !important;
}