/**                  
 * screen.css
 *
 * Definition off the used styles and classes for
 * diplaying on screen.
 *
 * @version 1.0
 * @author  A.J. de Vries	
 * @package www.project.nl
 * 
 * Copyright (c) 2006 Malibomba                               
 * IT IS NOT ALLOWED TO USE OR MODIFY ANYTHING OF THIS SITE,  
 * WITHOUT THE PERMISION OF THE AUTHOR.                       
 * Info? Mail to info@malibomba.com                             
 */
/*<![CDATA[*/

/***************************************************
	Global
***************************************************/
html {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0;
	padding: 0;
}
body {
	background: #e7e7e7;
	text-align: center;
	margin: 0;
	padding: 0;
	color: #555;
	}


/**************************************************
	Content
***************************************************/
#content {
	height:500px; 
	margin: 20px auto;
	top: 50%; 
	left: 50%;
	text-align: left;
	padding: 0px;
	background: #e7e7e7 url('/pics/mammoet_home.jpg') no-repeat left top;
	width: 690px;
	color: #333;
	display: block;	
	}

				h1 {
					position: relative;
					font-family: Helvetica, sans-serif;
					font-size: 25px;
					line-height: 25px;
					text-transform: uppercase;
					font-style: italic;
					font-weight: normal;
					color: #fff;
					top: 130px;
					left: 00px;
					float: left;
				}

				:root  h1{
					top:110px;
				}

a {
	text-decoration: none;
	color: #FF9B00;
	}

a:hover {
	color: #E27A00;
	text-decoration: underline;
	}

/* #home_image	{
	position: relative;
	float: right;
	top: -200px;
	left: -50px;
	width: 500px;
	height: 385px;
	padding: 0;
	margin: 0;
} */

#home_image	{
	position: relative;
	float: right;
	top: -160px;
	left: 20px;
	width: 500px;
	height: 385px;
	padding: 0;
	margin: 0;
}


/**************************************************
	Sidebar
***************************************************/
#navleftcontainer	{
	float: left;
	width: 171px;
	margin: 160px 20px 0 8px;
	display: inline;
}
				#navleftlist
				{
					color: white;
					padding: 0px;
					margin-left: 0;
					width: 170px;
				}

				#navleftlist ul	li a {
					display: block;
					width: 171px;
					font-size: 1em;
				}
				#navleftlist li
				{
					list-style: none;
					margin: 0;
					padding: 0;
				}

				#navleftlist a	{
					display: block;
					text-decoration: none;
					margin-bottom: 1px;
					margin-top: 1px;
					color: white;
					background: #96999e url('/pics/bg_menu_left.jpg');
					border-width: 1px;
					border-style: solid;
					border-color: #666 #035 #068 #999;
					border-left: 4px solid #3a83c2;
					padding: 1px 2px 2px 8px;
				}

				#navleftlist a#current { border-color: #666 #035 #068 #4bb8f0; }


				#navleftcontainer>#navleftlist a	{
				}

				#navleftlist a:hover, #navleftlist a#current:hover	{
					background: #96999e url('/pics/bg_left_menu.jpg');
					color: #232426;
					border-color: #555 #999 #666 #3a83c2;
					padding: 1px 2px 2px 3px;
				}

				#navleftlist a:active, #navleftlist a#current:active	{
					background: #3a83c2;
					border-color: #555 #999 #666 #4bb8f0;
					padding: 1px 2px 2px 3px;
				}


				#navleftcontainer li a
				{
				display: block;
				width: 100%;	
				}

				#navlist li a#current	{
					background: white;
					border-bottom: 1px solid white;
				}
				#navleftcontainer  li#active a
				{
				background: #3a83c2;
				color: #000;
				border-left: 10px solid #4bb8f0;
				}


/**************************************************

	Footer

***************************************************/



#layoutFooter {
	clear: both;
	position: relative;
	text-align: left;
	width: 690px;
	padding: 0px 10px;
	}


#footer {
	position: relative;
	bottom: 0px;
	display: block;
	width: 690px;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	}



#footer a:link,
#footer a:visited,
#footer a:hover,
#footer a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #000;
	}

#footer a:hover {
	color: #fff;
	}



#footer div.copyright {
	font-size: 10px;
	color: #fff;
	margin-top: 0px;
	text-align: center;
	}

ul.pipelinks {
	margin: 0;
	padding: 0;
	padding-top: 5px;
	}



ul.pipelinks li {
	margin: 0;
	padding: 0 3px 0 7px;
	border-left: 1px solid #fff;
	list-style: none;
	display: inline;
	}



ul.pipelinks li.first{
	margin-left: 0;
	border-left: none;
	list-style: none;
	display: inline;
	padding-left: 0;
	}
	
ul.pipelinks li.first	{
	margin-left: 0;
	padding: 0px;
	border-left: none;
	list-style: none;
	display: inline;
	padding-left: 0;
	}

ul.pipelinks li.landen{
	margin-left: 0;
	padding: 0px;
	margin: 0px;
	border-left: none;
	list-style: none;
	display: inline;
	padding-left: 0;
	}
/*]]>*/
