@charset "utf-8";
/* Stylesheet for tke, By Media Solutions*/

/* Table of Contents
x. Base Elements
x. Site
x. Header
	x. Header img
x. Page
	x.x. Sidebar-left
	x.x. content
		x.x.x. Content-foto
	x.x. Sidebar-right
		x.x.x. Diensten pagina
x. Footer
x. Misc
*/

/* x. Base Elements */

* {
	margin:0;
	padding:0;
}

body {
	background:#e1e0dd;
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
}

li {
	list-style:none;
}

a { color: red; text-decoration: none; }
a:hover { color: red; text-decoration: underline; }

/* Site */

#site {
	margin:0 auto;
	width:967px;
	padding:0 10px;
	background:#f5f5f5  url(../images/background-bg.gif) repeat-y 50% 0;	
}
	
	/* x. Header */
	
	#header {
		position:relative;
		height:350px;
	}

		#header h1 {
			position:absolute;
			float:left;
			top:10px;
			left:16px;
			height:86px;
			width:178px;
			background:url(../images/logo.png);
		}
	
			#header h1 span {
				display:none;
			}
			
			
		#header h2 {
			position:absolute;
			float:left;
			top:24px;
			left:212px;
			font-family:"Myriad Pro";
			font-size:25px;
			font-weight:normal;
			line-height:35px;
		}	
		
		#header .menu {
			position:absolute;
			top:72px;
			right:6px;
			z-index:3;
		}
		
		#header .menu li {
			float:left;
			font-size:11px;
			font-weight:bold;
		}
			
			#header .menu .last-of-type {
				margin:0;
			}
				#header .menu .last-of-type a{
					margin:0;
					padding:10px 3px 0 12px;
				}
					#header .menu .last-of-type a:hover{
						background: url(../images/bg-knop-over-ons.png) right 0 no-repeat;
					}	
					
					#header .menu .last-of-type .active {
						background: url(../images/bg-knop-over-ons.png) right 0 no-repeat;
					}	
			#header .menu li a {
				padding:10px 12px 0;
				display:block;
				height:39px;
				color:#131313;
				text-decoration:none;
			}
			
			#header .menu li a:visited {
				display:block;
				height:39px;
				color:#131313;
				text-decoration:none;
			}
			
				#header .menu li a.active,
				#header .menu li a:hover {
					background: url(../images/bg-knop.png) repeat-x;
				}
					
		#header .top-menu {
			position:absolute;
			top:10px;
			right:12px;
		}
		
			#header .top-menu a {
				color:#000;
				text-decoration:none;
			}
			
			#header .top-menu a:hover,
			#header .top-menu a.active {
				color:red;
			}
						
			#header .top-menu li {
				float:left;		
				margin:0 14px 0 0;
				padding:0 14px 0 0;
				font-size:11px;
				line-height:10px;
				border-right:1px solid #000;
			}
		
			#header .top-menu li.last-child {
				margin:0;
				padding:0;
				border:0;
			}
				
	/* x. Head image */
	
	#header-img{
		position:relative;
	}
	
		#header-img img,
		#header-img #flash {
			display:block;
			position:absolute;
			top:110px;
			left:5px;
			width:948px;
			height:218px;
			border:4px solid;
		}
			
			#header-img .header-text {
				position:absolute;
				top:172px;
				left:570px;
				height:108px;
				width:387px;
				z-index:2;
				font-family:Tahoma;
				font-size:11px;
				font-weight:bold;
				text-align:right;
				background:url(../images/streep-header.png) no-repeat;
			}
			
				
				#header-img .header-text h3 {
					font-family:Arial, Helvetica, sans-serif;
					font-size:22px;
					font-weight:bold;
					color:#ed4224;
					padding:14px 27px 0 0;
				}
				
				#header-img .header-text .subtext-header {
					margin:5px 0 0;
					line-height:25px;
					padding:0 27px 0 0;
				}
			
				#header-img .header-text .rodetext-header {
					color:#ed4224;
				}
										
				#header-img .header-text a {
					padding:0 27px 0 0;
					color:#28251e;
				}
					
					#header-img .header-text a:hover {
						color:#ed4224;
					}
					
			#header-img .streep-header {
				border:none;
				margin:58px 0 0 542px;
			}
			
	/* x. Page */
	
	#page {
		margin:7px 0 0 0;
	}
		/* x.x. sidebar-left */
		
		#sidebar-left {
			float:left;
			width:215px;
			margin:0 0 0 5px;
		}
		
			#sidebar-left h4 {
				height:28px;
				width:215px;
				padding:0 0 0 10px;
				line-height:28px;
				font-size:13px;
				color:#ed4224;
				background: url(../images/sidebar-left-titel.png) no-repeat;
			}
			
			#sidebar-left ul {
				margin:1px 0 30px;
			}
			
				#sidebar-left ul li {
					padding:0 0 0 8px;
					border-bottom:1px solid;
					border-color:#b3b0a7;
					line-height:27px;
					width:216px;
					font-size:11px;
					font-weight:bold;
				}
					
					#sidebar-left ul .last-of-type {
						border-bottom:none;
					}
					
					#sidebar-left ul li a {
						padding:0 0 0 10px;
						display:block;
						width:120px;
						font-weight:bold;
						font-size:11px;
						color:#28251e;
						text-decoration:none;
						background: url(../images/diensten-li-bg.gif) 0 center no-repeat;
					}
					
					#sidebar-left ul li a:hover,
					#sidebar-left ul li a.active {
						color:#ed4224;
					}
		/* x.x. content */
		
		#content {
			float:left;
			width:426px;
			margin:0 0 0 30px;
			padding:0 0 7px;
		}
		
			#content p {
				margin:19px 0 0;
				font-size:11px;
				line-height:21px;
			}
			
				#content .first-p {
					margin:-1px 0 0;
				}
			
			#content .button {
				display:block;
				height:23px;
				width:100px;
				font-size:11px;
				line-height:21px;
				margin:23px 0 0;
			}
				
				#content .button a {
					color:#ffffff;
					text-decoration:none;
				}
			
			#content .button-content-over-ons {
				display:block;
				height:23px;
				width:104px;
				font-size:11px;
				line-height:21px;
				margin:4px 0 51px;
			}
				
				#content .button-content-over-ons a {
					color:#ffffff;
					text-decoration:none;
				}
				
			#content .strong {
				font-weight:bold;
				display:block;
				margin:22px 0 -10px;
				font-size:11px;
				line-height:21px;
			}
			
			#content .strong-content {
				font-weight:bold;
				display:block;
				margin:22px 0 0px;
				font-size:11px;
				line-height:21px;
			}
			
			#content .rodetext {
				display:block;
				margin:19px 0 0;
				font-size:11px;
				line-height:21px;
			}
				
				#content .rodetext a {
					color:#ed4224;
				}
					
				#content .rodetext a:hover {
					color:#131313;
				}
				
			#content h4 {
				font-size:13px;
				color:#ed4224;
				padding:6px 0 0;
			}
			
			#content form select {
				font-size:11px;
				
			}
			
			#content .rode-link-right a{
				float:right;
				margin:0;
				color:#ed4224;
				text-decoration:none;
				font-size:11px;
				line-height:21px;
			}
			
			#content .rode-link-right a:hover {
				color:#28251e;
			}
			
			#content .content-projecten {
				border-top:1px dashed;
				border-color:#ed4224;
				font-size:11px;
				Font-weight:bold;
				color:#ed4224;
				line-height:28px;
				margin:30px 0 73px; 
			}
			
				#content .content-projecten li {
					display:block;
					width:423px;
					border-bottom:1px dashed;
					border-color:#f19b8c;
					background: url(../images/diensten-li-bg.png)right center no-repeat;
				}
					
					#content .content-projecten li a {
						text-decoration:none;
						color:#ed4224;
					}
					
					#content .content-projecten li a:hover {
						text-decoration:none;
						color:#28251e;
					}
					
					#content .content-projecten li a.active {
						text-decoration:none;
						color:#000;
					}
					
				#content .content-projecten .last-of-type {
					border-bottom:1px dashed;
					border-color:#ed4224;
				}
			/* x.x.x. content-foto */
			
			#content-foto {
                position:relative;
				width:427px;
				height:254px;
				background-image: url(images/contentfoto01.jpg); 
				background-repeat: no-repeat; 
				background-attachment:fixed;
				background-position: 2px 2px;
			}
			
			/*#content-foto {
				position:relative;
				width:427px;
				height:254px;
			}*/
			
				#content-foto .content-foto {
					position:absolute;
					border:2px solid #a29f97;
					z-index:0;
				}
				
					#content-foto .foto-menu img {
						border:none;
						filter: alpha(opacity=0); 
						-moz-opacity: 0; opacity: 0;
					}
				
				#content-foto .upper-text-foto {
					position:absolute;
					z-index:2;
					width:125px;
					height:110px;
					top:-17px;
					left:20px;
					font-size:15px;
					font-weight:bold;
					line-height:30px;
					padding:16px 0 0 14px;
					background: url(../images/upper-text-bg.png);
				}
				
				#content-foto .lower-text-foto {
					position:absolute;
					z-index:2;
					width:125px;
					height:104px;
					top:108px;
					left:20px;
					font-size:11px;
					font-weight:bold;
					padding:22px 0 0 14px;
					background: url(../images/lower-text-bg.png);
				}
				
				#content-foto .foto-menu {
					position:absolute;
					z-index:1;
					top:235px;
					right:3px;
					padding:0 0 0 262px;
					width:160px;
					background:#fff;
					opacity:.7;
					filter:alpha(opacity=70);
				}
				
					#content-foto .foto-menu li {
						float:left;
						height:17px;
						line-height:17px;
						font-size:12px;
						font-weight:bold;
						margin:0 7px 0 0;
						padding:0 7px 0 0;
						border-right:1px solid #a29f97;
						
					}
						
						#content-foto .foto-menu span {
							display:none;
						}
						
						#content-foto .foto-menu .volgende {
							border-right:none;
						}
						
							#content-foto .foto-menu .volgende a{
								display:block;
								height:10px;
								width:5px;
								margin:4px 0 0;
								background: url(../images/volgende-foto.gif) no-repeat;
								border-right:none;
							}
						
							#content-foto .foto-menu .volgende a:hover {
								display:block;
								height:10px;
								width:5px;
								margin:4px 0 0;
								background: url(../images/volgende-foto-hover.gif) no-repeat;
								border-right:none;
							}
						
							#content-foto .foto-menu .vorige a{
								display:block;
								height:10px;
								width:5px;
								margin:4px 0 0;
								background: url(../images/vorige-foto.gif) no-repeat;
							}
						
							#content-foto .foto-menu .vorige a:hover {
								display:block;
								height:10px;
								width:5px;
								margin:4px 0 0;
								background: url(../images/vorige-foto-hover.gif) no-repeat;
								border-right:none;
							}
						
						#content-foto .foto-menu img {
							border:none;
						}
					
						#content-foto .foto-menu li a {
							text-decoration:none;
							color:#28251e;
						}
						
						#content-foto .foto-menu li a:hover {
							text-decoration:none;
							color:#ed4224;
						}
						
						#content-foto .foto-menu li .active {
							color:#28251e;
						}
						
						#content-foto .foto-menu li a.current {
	                        color:#ed4224;
                        }
			
			/* route pagina */			
			
			#content .route-p{
				font-size:11px;
				line-height:21px;
				margin:19px 0 15px;
			}
			
			#content #route fieldset {
				border:0;
			}	
			
				#content #route .route-text {
					font-size:11px;
				}
				
				#content #route .route {
					border:1px solid;
					margin:5px 0 0;
				}	
				
				#content #route .submit {
					margin:5px 0 0 197px;
				}	
				
			#content .route-jpg {
				border:1px solid #ed4224;
				margin:24px 0 0;
			}
		/* x.x. sidebar-right */
		
		#sidebar-right {
			float:right;
			width:265px;
		}
			
			#sidebar-right p {
				display:block;
				height:140px;
				width:260px;
				padding:15px 0 0 6px;
				color:#f5f5f5;
				font-size:14px;
				font-weight:bold;
				line-height:22px;
				background: url(../mme/upload/sidebar-right-subcontent.gif)  no-repeat;
			}
		
			#sidebar-right .info-sidebar-img {
				display:block;
				padding:33px 0 0 60px;
				width:150px;
				font-size:11px;
				font-weight:bold;
				color:#131313;
				background: url(../images/sidebar-right-li-bg.gif) 120px 40px no-repeat;
			}
			
				#sidebar-right .info-sidebar-img a {
					text-decoration:none;
					color:#131313;
				}
			
					#sidebar-right .info-sidebar-img a:hover {
						color:#f5f5f5;
						
					}
			
			#sidebar-right .text-sidebar-img-diensten {
				display:block;
				height:140px;
				width:260px;
				padding:15px 0 0 6px;
				color:#f5f5f5;
				font-size:14px;
				font-weight:bold;
				line-height:22px;
				background: url(../mme/upload/sidebar-right-subcontent-diensten.gif)  no-repeat;
			}
			
			#sidebar-right li {
				line-height:22px;
			}
			
			#sidebar-right .sidebar-lijst1 {
				margin:7px 0 0 0;
				font-size:11px;
			}
			
				#sidebar-right .sidebar-lijst1 span {
					font-size:11px;
					font-weight:bold;
					color:#ed4224;
				}
			
			#sidebar-right .sidebar-lijst2 {
				margin:30px 0 0 0;
				font-size:11px;
			}
				
				#sidebar-right .sidebar-lijst2 a {
					font-size:11px;
					color:#ed4224;
					text-decoration:none;
				}
				
				#sidebar-right .sidebar-lijst2 a:hover {
					color:#131313;
				}
			/*Diensten pagina */
			#sidebar-right .diensten-img {
				border:4px solid;
			}
			
			#sidebar-right h4 {
				font-size:13px;
				color:#ed4224;
				padding:15px 0 0;
			}
			
			#sidebar-right .sidebar-right-diensten-li {
				padding:15px 0 0;
			}
			
				#sidebar-right .sidebar-right-diensten-li li {
					display:block;
					width:191px;
					height:12px;
					font-size:11px;
					line-height:9px;
					margin:0 0 9px;
					padding:0 0 0 25px;
					background: url(../images/diensten-li-bg.png) no-repeat;
				}
				#sidebar-right a.teaser-img img, #sidebar-right a.teaser-img img.last {
					border:2px solid #000;
					margin:0 25px 0 0;
				}
				#sidebar-right a.teaser-img img.last{
					margin:0; 
				}
	/* x. footer */
	
	#footer {
		position:relative;
		left:-10px;
		padding:0 10px;
		width:967px;
		clear:both;
		height:38px;
		background: url(../images/background-footer.gif);
	}
	
		#footer li {
			float:left;
			font-size:11px;
			color:#ffffff;
			padding:10px 0 0 10px;
		}
			
		#footer .media-solutions {
			float:right;
			font-size:11px;
			color:#ffffff;
			margin:0 10px 0 0;
			padding:10px 0 0;
			width:300px;
		}
		
			#footer .media-solutions a {
				float:right;
				font-size:11px;
				color:#ffffff;
				text-decoration:none;
			}
				
			#footer .media-solutions a:hover {
				color:#ed4224;
			}
			
			
			/* Edits 2009 */
.products {
	margin:10px;
	width:200px;
	float:left;
}

	.products dt {
		height:160px;
	}
	
	.products dd {
		height:30px;
	}
	
	.products a img {
		border:2px solid red;
	}
	
	.products a:hover img {
		border:2px solid #930000;
	}
	
hr.clear {
	visibility:hidden;
	clear:both;
}

.download {
	margin:0 43px 0 0;
}

#sidebar-right a.last-class {
	margin:0;
	border:4px solid #000;
}

#projecten a.project-img img, #sidebar-right a.project-img img.last {
	border:4px solid #000;
	margin:0px 10px 0 0;
}
#projecten a.project-img img.last{
	margin:0; 
}