@charset "utf-8";
/* CSS Document */

html, body {
	margin: 0;
	padding: 0;
	height: 100%;
	background: url(../images/bg.jpg) repeat-x #FFFFFF;
	background-attachment: fixed;
	font-family: Verdana, Geneva, sans-serif;
}


/*------------------------------- Headings ---------------------------------*/

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
}

h1 {color: #000000; font-family: Verdana, Arial, Geneva, sans-serif; font-size: 13px;}
h2 {color: #000000; font-family: Verdana, Arial, Geneva, sans-serif; font-size: 12px;}
h3 {color: #000000; font-family: Verdana, Arial, Geneva, sans-serif; font-size: 11px;}
h4 {color: #000000; font-family: Verdana, Arial, Geneva, sans-serif; font-size: 10px;}
h5 {color: #000000; font-family: Verdana, Arial, Geneva, sans-serif; font-size: 9px;}
h6 {color: #000000; font-family: Verdana, Arial, Geneva, sans-serif; font-size: 8px;}


/*------------------------------- Opmaak ---------------------------------*/

#container {
	position: relative; 
	margin: 0;
	width: 300px;
	height: auto !important; /* real browsers */
	height: 100%; /* IE6: treaded as min-height*/
	min-height: 100%; /* real browsers */
}

#left {
	position: fixed;
	float: left;
	width: 300px;
	height: 100%;	
	background: url(../images/links/home.jpg) no-repeat #2A0E0D;
}

	#home {
		position: fixed;
		float: left;
		width: 300px;
		height: 100%;	
		background: url(../images/links/home.jpg) no-repeat #2A0E0D;
	}
	#assortiment {
		position: fixed;
		float: left;
		width: 300px;
		height: 100%;	
		background: url(../images/links/assortiment.jpg) no-repeat #CC2C1A;
	}
	#switch-deur {
		position: fixed;
		float: left;
		width: 300px;
		height: 100%;	
		background: url(../images/links/switch-deur.jpg) no-repeat #CC2C1A;
	}
	#referenties {
		position: fixed;
		float: left;
		width: 300px;
		height: 100%;	
		background: url(../images/links/referenties.jpg) no-repeat #070101;
	}
	#werkwijze {
		position: fixed;
		float: left;
		width: 300px;
		height: 100%;		
		background: url(../images/links/werkwijze.jpg) no-repeat #0186D9;
	}
	#showroom {
		position: fixed;
		float: left;
		width: 300px;
		height: 100%;	
		background: url(../images/links/showroom.jpg) no-repeat #E1A802;
	}
	#gebruikersvoorschriften {
		position: fixed;
		float: left;
		width: 300px;
		height: 100%;	
		background: url(../images/links/gebruikersvoorschriften.jpg) no-repeat #321005;
	}
	#verwerkingsvoorschriften {
		position: fixed;
		float: left;
		width: 300px;
		height: 100%;	
		background: url(../images/links/gebruikersvoorschriften.jpg) no-repeat #321005;
	}
	#certificeringen {
		position: fixed;
		float: left;
		width: 300px;
		height: 100%;	
		background: url(../images/links/certificeringen.jpg) no-repeat #032122;
	}
	#persberichten {
		position: fixed;
		float: left;
		width: 300px;
		height: 100%;	
		background: url(../images/links/vacatures.jpg) no-repeat #191A18;
	}
	#nieuwe-medewerker {
		position: fixed;
		float: left;
		width: 300px;
		height: 100%;	
		background: url(../images/links/vacatures.jpg) no-repeat #191A18;
	}
	#vacatures {
		position: fixed;
		float: left;
		width: 300px;
		height: 100%;	
		background: url(../images/links/vacatures.jpg) no-repeat #191A18;
	}
	#contact {
		position: fixed;
		float: left;
		width: 300px;
		height: 100%;	
		background: url(../images/links/contact.jpg) no-repeat #1E3552;
	}
	#links {
		position: fixed;
		float: left;
		width: 300px;
		height: 100%;	
		background: url(../images/links/contact.jpg) no-repeat #1E3552;
	}
	#route {
		position: fixed;
		float: left;
		width: 300px;
		height: 100%;	
		background: url(../images/links/contact.jpg) no-repeat #1E3552;
	}
	#route-showroom {
		position: fixed;
		float: left;
		width: 300px;
		height: 100%;	
		background: url(../images/links/showroom.jpg) no-repeat #E1A802;
	}
	#sitemap {
		position: fixed;
		float: left;
		width: 300px;
		height: 100%;	
		background: url(../images/links/contact.jpg) no-repeat #1E3552;
	}
	#algemene-voorwaarden {
		position: fixed;
		float: left;
		width: 300px;
		height: 100%;	
		background: url(../images/links/contact.jpg) no-repeat #1E3552;
	}
	
#left_bottom {
	position: fixed;
	bottom: 0;
	left: 0;
	height: 50px;
	width: 300px;
	background: url(../images/left_bottom.png) no-repeat;
}
#left_bottom_inside {
	text-align: center;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9px;
	color: #BCBCBC;
	font-weight: bold;
	padding-top: 35px;
}
#left_bottom_inside a:link {color: #FFFFFF; text-decoration: none;}
#left_bottom_inside a:visited {color: #FFFFFF; text-decoration: none;}
#left_bottom_inside a:hover {color: #BCBCBC; text-decoration: none;}
#left_bottom_inside a:active {color: #FFFFFF; text-decoration: none;}


#menu {
	position: fixed;
	float: left;
	margin-top: 50px;
	margin-left: 300px;
	width: 200px;
	height: 95%;
	background: url(../images/menu_bg.jpg) repeat-y;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight: bold;
}
	#menu_bottom {
	position: fixed;
	bottom: 0;
	left: 0;
	height: 42px;
	width: 200px;
	margin-left: 300px;
	}

#main {
	float: left;
	width: 454px;
	margin-top: 90px;
	margin-left: 515px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
}
#main a:link {color: #000000; text-decoration: none;}
#main a:visited {color: #000000;text-decoration: none;}
#main a:hover {color: #BCBCBC; text-decoration: none;}
#main a:active {color: #000000; text-decoration: none;}

#right_top {
	position: absolute;
	top: 10px;
 	right: 10px;
 	width: 175px;
	height: 68px;
}

#clear {
	clear: both;
}

#logo_3wmedia {
	position: fixed;
	bottom: 0;
	right: 0;
	margin-right: 5px;
	margin-bottom: 5px;
}