/* CSS DEEP GRAPIC DESIGN*/

body {
	text-align:				center;
	padding:				0px;
	margin:					0px;
	background-color:		#000;
}

#frame {
	width:					920px;
	height:					630px;
	border:					none;
	margin-right:			auto;
	margin-left:			auto;
	margin-top:				10px;
	background-color:		#aeb3b9;
}

#bg_home {
	width:					920px;
	height:					363px;
	background-image:		url(../images/bg_home.jpg);
	background-repeat:		no-repeat;
margin-top:-605px;
}

#logo {
	width:					212px;
	height:					77px;
	float:					right;
	margin-top:				30px;
}

#menu {
	width:					856px;
	height:					74px;
	background-color:		#FFF;
	margin:					0px;
	padding-left:			64px;
	text-align:				center;
}

#menu img {
	margin:					0px;
	padding:				0px;
	border:					0px;
	float:					left;
	cursor:					pointer;
}

/* hier volgen de elementen voor de knoppen */
#btn_logodesign {
	float:					left;
	display:				block;
	width:					197px;
	height:					74px;
	background-image:		url(../images/btn_logodesign.gif);
}

#btn_logodesign:hover {
	display:				block;
	width:					197px;
	height:					74px;
	background-image:		url(../images/btn_logodesign_hvr.gif);
}

#btn_printdesign {
	float:					left;
	display:				block;
	width:					197px;
	height:					74px;
	background-image:		url(../images/btn_printdesign.gif);
}

#btn_printdesign:hover {
	display:				block;
	width:					197px;
	height:					74px;
	background-image:		url(../images/btn_printdesign_hvr.gif);
}

#btn_webdesign {
	float:					left;
	display:				block;
	width:					197px;
	height:					74px;
	background-image:		url(../images/btn_webdesign.gif);
}

#btn_webdesign:hover {
	display:				block;
	width:					197px;
	height:					74px;
	background-image:		url(../images/btn_webdesign_hvr.gif);
}

#btn_deep {
	float:					left;
	display:				block;
	width:					197px;
	height:					74px;
	background-image:		url(../images/btn_deep.gif);
}

#btn_deep:hover {
	display:				block;
	width:					197px;
	height:					74px;
	background-image:		url(../images/btn_deep_hvr.gif);
}

/*
Hier volgt de opmaak voor de elementen welke worden getoond door de navigatie */
#showtext {
	margin-left:			64px;
}

#logodesign {
	visibility:				hidden;
	border-left:			1px solid #797d81;
	float:					left;
	width:					196px;
	height:					193px;
	text-align:				center;
}

#printdesign {
	visibility:				hidden;
	border-left:			1px solid #797d81;
	float:					left;
	width:					196px;
	height:					193px;
	text-align:				center;
}

#webdesign {
	visibility:				hidden;
	border-left:			1px solid #797d81;
	float:					left;
	width:					196px;
	height:					193px;
	text-align:				center;
}

#deep {
	visibility:				hidden;
	border-left:			1px solid #797d81;
	float:					left;
	width:					196px;
	height:					193px;
	text-align:				center;
}

.navtext {
	font-family:			verdana;
	color:					#5a636e;
	font-size:				10px;
	line-height:			18px;
	text-align:				left;
	width:					154px;
	margin-top:				14px;
	margin-left:			auto;
	margin-right:			auto;
}

h1 {
	text-align:				left;
	font-family:			verdana;
	color:					#5a636e;
	font-size:				12px;
	line-height:			18px;
	width:					154px;
	margin-left:			auto;
	margin-right:			auto;
}

.menu_sitemap {
	width:					100px;
	text-align:				left;
}
.sitemap  {
	color:					#33a9ed;
	font-family:				Arial, Helvetica, sans-serif;
	font-size:				0.9em;
	padding:				0px;
	margin:					0px;
	text-align:				left;
}

div.colofon {
	padding:9px;
	padding-bottom:px;
	margin-left:190px;
	width:540px;
	height:60px;
	text-align:center;
	font-family: verdana,swiss,arial;
	font-size:9px;
	font-weight:normal;	
	letter-spacing:0.2em;
}

a.colofon {color:#555555;text-decoration:none}
a.colofon:hover,a.colofon:active {color:#ffffff;text-decoration:underline;}

.sitemapClass {
	width:					100px;
	text-align:				left;
}
.menu_sitemap {
	width:					100px;
	text-align:				left;
}
.sitemap  {
	color:					#555555;
	font-family:				Arial, Helvetica, sans-serif;
	font-size:				9px;
	padding:				0px;
	margin:					0px;
	text-align:				left;
}
div.colofon {
	padding:9px;
	padding-bottom:px;
	margin-left:190px;
	width:540px;
	height:60px;
	text-align:center;
	font-family: verdana,swiss,arial;
	font-size:9px;
	font-weight:normal;	
	letter-spacing:0.2em;
}

#logo_side {
position:relative;
left:920px;
top:-5px;
width:35px;
height:600px;
#left:478px;
}















