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

/*---------------------------------------
created by						ORAC³
powered by 						dinol
start developments				27/3/2008
deadline						5/4/2008
project							GPS-verhuur
--------------------------------------*/


/* main settings */ 

body	{
margin-top:-20px;
}

.main	{
	margin-top:0px;
	padding-top:0px;
	background-color: #fdfdfd;
	width:900px;
	heigth:auto;
	background-position:center;
	margin-left:auto;
	margin-right:auto;
}




.gradient	{
width: 650px;
height:400px;
background-image:url(../images/gradient.jpg);
background-repeat:repeat-x;
}


.newsletter	{
background-image:url(../images/newsletter_back.jpg);
height: 180px;
width:250px;
margin-left:auto;
margin-right:auto;
}

.newsletter_text	{
padding-left:20px;
padding-top:70px;
}

.handleiding	{
	height: 180px;
	width:250px;
	margin-left:auto;
	margin-right:auto;
}

.logo_left	{
	padding-bottom:0px;
}

.header	{
heigth:60px;
padding-left:0px;
background-image:url(../images/header_site_top.png);
background-repeat:repeat-x;
}

.left	{
width:580px;
float:left;
overflow:hidden;
padding-left:10px;
}
.right	{
	float:right;
	width:280px;
	padding-left:10px;




background-color:
; 				background-color: #F3F3F3;
}
/*content*/
.main_content	{
height:auto;
padding-top:25px;
}

.content_left	{
padding-left:5px;
}

.content_right	{
padding-left:5px;
padding-right:10px;
}

.top_navigation	{
heigth:85px;
margin-bottom:5px;
}
.navigation_image	{
	CLEAR: both;
	PADDING-RIGHT: 0px;
	BORDER-TOP: #584832 1px  dashed;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px 0px 0px 0px;
	COLOR: #ffffff;
	PADDING-TOP: 10px
}	


/*begin navigation */
#navigation {
	heigth:85px;
	width:900px;
	position:relative;
	border-bottom: #6fc3e8 1px  dashed;
	height: 85;
	background-color: #584832;
}


#nav LI {
	PADDING-RIGHT: 1px; DISPLAY: inline; PADDING-LEFT: 1px; FLOAT: left; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
#nav LI A SPAN {
	DISPLAY:inline}
#nav LI A {
	}
			/* start navigation - links */
		.nav_top{
	font-family:lucida, Trebuchet MS, Arial;
	font-size:10px;
	padding-left:10px;
	font-weight:750;
	/* old color: #7cc6e6; */
	color: #6fc3e8;
	}
	
				.nav_top A:active{
					border-bottom:1px #7cc6e6 dashed;
					padding-left:5px:
					text-decoration:none;
					background-color: #7cc6e6;	
					font-family:lucida, Trebuchet MS, Arial;
					font-size:10px;
					font-weight:750;
					color: #fdfdfd;
				}
				.nav_top A:visited{
					border-bottom:1px #7cc6e6 dashed;
					padding-left:5px:
					text-decoration:none;
					background-color: #5f4e37;	
					font-family:lucida, Trebuchet MS, Arial;
					font-size:10px;
					font-weight:750;
					color: #fdfdfd;
				}
				.nav_top A:hover{
					text-decoration:none;
					padding-left:10px:
					/*background-color: #7cc6e6;*/			
					font-family:lucida, Trebuchet MS, Arial;
					font-size:10px;
					font-weight:750;
					color: #222222;
				}
				.nav_top A:link{
					text-decoration:none;
					padding-left:5px:
					border-bottom:1px #7cc6e6 dashed;
					font-family:lucida, Trebuchet MS, Arial;
					font-size:10px;
					font-weight:750;
					color: #fdfdfd;
				}
	
/*tekst style*/



#contact{
	font-family:lucida, Trebuchet MS, Arial;
	font-size:11px;
	width:150px;
	color: #ffffff;
	padding-left:0px;
	display:inline;
	float:left;
	}

#contact_forms	{
		font-family:lucida, Trebuchet MS, Arial;
		width:350px;
		height:auto;
		font-size:11px;
		color: #584832;
		padding-left:30px;
		display:inline;
	}
	
	

	.content	{
	font-family:lucida, Trebuchet MS, Arial;
	font-size:11px;
	/* color: #ffffff; --- old */
	color: #333333;
	}
				.content A:active{
					border-bottom:1px #7cc6e6 dotted;
					text-decoration:none;
					/*background-color: #7cc6e6;*/	
					font-family:lucida, Trebuchet MS, Arial;
					font-size:11px;
					color: #7cc6e6;
				}
				.content A:visited{
					border-bottom:1px #333333 dotted;
					text-decoration:none;
					/*background-color: #5f4e37;*/
					font-family:lucida, Trebuchet MS, Arial;
					font-size:11px;
					color: #333333;
				}
				.content A:hover{
					text-decoration:none;
					/*background-color: #594834;*/			
					font-family:lucida, Trebuchet MS, Arial;
					font-size:11px;
					color: #222222;
				}
				.content A:link{
					text-decoration:none;
					border-bottom:1px #7cc6e6 dotted;
					font-family:lucida, Trebuchet MS, Arial;
					font-size:11px;
					color: #7cc6e6;
				}

.title_spacer	{

	BORDER-bottom: #6fc3e8 1px  dashed;
	}

.title	{
	font-family:lucida, Trebuchet MS, Arial;
	font-size:18px;
	font-weight:800;
	color: #7cc6e6;
	margin-bottom:30px;
	BORDER-bottom: #6fc3e8 1px  dashed;
	border-bottom-style: dashed;
	}
	
	#spacer {
	CLEAR: both; PADDING-RIGHT: 0px; BORDER-TOP: #ffffff 1px  dashed; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; COLOR: #ffffff; PADDING-TOP: 5px;
	margin-left:10px; margin-right:10px;
	}	


/* begin footer */
#footer_down {
	CLEAR: both; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 20px 0px 20px; COLOR: #ffffff; PADDING-TOP: 5px;
	font-family:lucida, Trebuchet MS, Arial; font-size:11px; color: #333333;
}	
#footer_down A:active{
					border-bottom:1px #333333 dotted;	text-decoration:none;	background-color: #7cc6e6;	font-family:lucida, Trebuchet MS, Arial;	font-size:11px;		color: #7cc6e6;
				}
				#footer_down A:visited{
					background-color: #5f4e37;		text-decoration:none;	font-family:lucida, Trebuchet MS, Arial; font-size:11px;	color: #fdfdfd;
				}
				#footer_down A:hover{
					background-color: #5f4e37;	text-decoration:none;	font-family:lucida, Trebuchet MS, Arial; font-size:11px;	color: #222222;
				}
				#footer_down A:link{
					font-family:lucida, Trebuchet MS, Arial;	text-decoration:none;	border-bottom:1px #ffffff dashed;	font-size:11px;	color: #7cc6e6;
				}

#footer {
	CLEAR: both; PADDING-RIGHT: 0px; BORDER-TOP: #6fc3e8 1px  dashed; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 20px 0px 20px; COLOR: #ffffff; PADDING-TOP: 5px;
	font-family:lucida, Trebuchet MS, Arial; font-size:11px; color: #6fc3e8;
}	

	#footer A:active{
					border-bottom:1px #333333 dotted;	text-decoration:none;	background-color: #7cc6e6;	font-family:lucida, Trebuchet MS, Arial;	font-size:11px;		color: #7cc6e6;
				}
				#footer A:visited{
					background-color: #5f4e37;		text-decoration:none;	font-family:lucida, Trebuchet MS, Arial; font-size:11px;	color: #fdfdfd;
				}
				#footer A:hover{
					background-color: #5f4e37;	text-decoration:none;	font-family:lucida, Trebuchet MS, Arial; font-size:11px;	color: #222222;
				}
				#footer A:link{
					font-family:lucida, Trebuchet MS, Arial;	text-decoration:none;	border-bottom:1px #ffffff dashed;	font-size:11px;	color: #7cc6e6;
				}


/* new menu options */

#menu {
	PADDING-RIGHT: 0px; MARGIN-TOP: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; WIDTH: 900px; PADDING-TOP: 0px; HEIGHT: 85px
}
#menu UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
#menu LI A {
	FLOAT: left; WIDTH: 150px; HEIGHT: 85px /* std width: 150px; */
}
# full	{
	float:left; margin-right: 13px;
	}
	#full A {
	BACKGROUND: url(img/but_full.gif) no-repeat left top
}


#home {
	FLOAT: left; MARGIN-RIGHT: 0px
}
#about {
	FLOAT: left; MARGIN-RIGHT: 0px
}
#systemen {
	FLOAT: left; MARGIN-RIGHT: 0px
}
#contact {
	FLOAT: left; margin-right: 0px
}
#info {
	FLOAT: left; margin-right: 0px
}
#registreer {
	FLOAT: left; margin-right: 0px
}
#home A {
	BACKGROUND: url(img/but_home.jpg) no-repeat left top
}
#about A {
	BACKGROUND: url(img/but_about.jpg) no-repeat left top
}
#info A {
	BACKGROUND: url(img/but_info.jpg) no-repeat left top
}
#systemen A {
	BACKGROUND: url(img/but_systemen.jpg) no-repeat left top
}
#contact A {
	BACKGROUND: url(img/but_contact.jpg) no-repeat left top
}
#registreer A {
	BACKGROUND: url(img/but_registreer.jpg) no-repeat left top
}
#menu LI A:hover {
	BACKGROUND-POSITION: left bottom
}
.nope {
	DISPLAY: none
}

/*end new menu */