/* 
Filename: layout.css 
Created: Cinnamon Interactive BV (DC). 
Date: 20080618
*/

/* layout */
#container {
	width: 960px;
	margin: 0 auto 24px auto;
	position: relative;
	font-family: "Verdana", sans-serif;
	font-size: 75%; /* 12px */
	line-height: 1.5; /* 18px */
	box-shadow: 0 0 10px #000;
	-moz-box-shadow: 0 0 10px #000;
	-webkit-box-shadow: 0 0 10px #000;
	} 
	#masthead {
		position: relative;
		margin-top: 26px;
		margin-left: 23px;
		background: url("../img/bg/ten-logo.gif") top left no-repeat;
		height: 77px 
		}
		#masthead a {
			display: block;
			width: 164px;
			height: 77px;
			}
				#masthead img {
					height: 0;
					width: 0;
				}
	#main {
		position: relative;
		padding: 241px 48px 0 287px;
		}
		#content {
			}
		#bedrijfsprofiel #content,
		#company-profile #content {
			padding-right: 155px;
			}
		#sub-nav {
			position: absolute;
			top: 241px;
			right: 48px;
			width: 120px;
			background: url("../img/bg/sub-nav.gif") center top repeat-y;
			padding: 4px 15px; 
			}
			#sub-nav span {
				display: none;
				}
			#sub-nav li {
				height: 55px;
				margin: 0 auto 15px auto;
				background-position: center center;
				background-repeat: no-repeat;
				}
			#sub-nav li.heinz-logo {
				background-image: url("../img/logos/heinz.gif");
				}
			#sub-nav li.leaf-logo {
				background-image: url("../img/logos/leaf.gif") ; 
				}
			#sub-nav li.bst-logo {
				background-image: url("../img/logos/boost.gif"); 
				}
			#sub-nav li.hak-logo {
				background-image: url("../img/logos/hak.gif");
				height: 65px;
				}
			#sub-nav li.burgergroep-logo {
				background-image: url("../img/logos/burgergroep.png");	
				}
			#sub-nav li.lift-logo {
				background-image: url("../img/logos/lift.gif"); 
				}	
			#sub-nav li.fenedex-logo {
				background-image: url("../img/logos/fenedex.gif"); 
				}	
		#ondernemers #content img,
		#entrepreneurs #content img {
			float:right;
			margin-left:15px;
			margin-bottom:15px;
		}
		#opdrachtgevers #content img,
		#clients #content img {
			padding-right:15px;
			padding-bottom:15px;
		}
		hr { 
			height: 1px;
			border:none;
			background-color: #ccc;
			margin-top: 30px;
			margin-bottom: 10px;
		}
			
	#navigation {
		}
		#navigation #main-nav {
			position: absolute;
			top: 337px;
			left: 25px;
			margin-bottom:15px!important;
			line-height: 1.2;
			}
			#navigation ul#main-nav  li {
				width: 200px;
				padding: 4px 0 0 0;
				border-top: 1px solid #dfdfdf;
				}

				#navigation ul#main-nav li a {
					padding-top: 2px;
					padding-left: 4px;
					padding-bottom: 30px;
					display: block;
					font-size:1.2em;
					}
		#navigation #sundry-links {
			position: absolute;
			top: 290px;
			right: 34px;
			}
			#navigation #sundry-links * {
				display: inline;
				}
	
		#navigation #sub-main-nav li {
			border-top: 1px solid #add5aa!important;
			padding: 0 5px;
			width: 170px!important;
		}
		#navigation #sub-main-nav li a {
			display:block;
			padding-bottom:5px!important;
			font-size:0.9em!important;
		}
		#navigation #sub-main-nav li.current a {
			font-weight: bold;
			color:#000!important;
		}
		 
		/* do only show #sub-main-nav when parent-li has class='current' */
		#navigation #main-nav li ul {
			display:none;
		}
			#navigation #main-nav li.current ul {
				display:block;
			}
	
	#message {
		position: absolute;
		top: 155px;
		left: 70px;
		}
	#content ul {
		padding-left:40px;
	}
		#content ul li {
			list-style-type: disc;
		}
		
		#content ul.algemene-voorwaarden li {
			list-style-type: none;
			margin-left: -40px;
		}

		#content ul.algemene-voorwaarden li li {
			list-style-type: disc;
			margin-left: 0;
		}

	#content {
		padding-bottom:15px;
	}
	form .formrow {
		width:400px;
		overflow:hidden;
		margin-bottom:10px;
	}	
	
		form .formrow label {
			float:left;
			width:35%;
		}
		
		form .formrow input,
		form .formrow textarea {
			float:right;
			width:60%;
			border: 1px solid #8DC442;
			font-size:1.1em;
			padding:0.3em;
		}
		
		form .submit input {
			margin-top:15px;
			clear:both;
			width:40%;
			border:0;
			background:#41983A;
			color:#fff;
			font-weight:bold;
		}
		
		form legend {
			display:none;
		}
	
	#footer {
		background-color: #8DC442;
		width: 100%;
		color: #ffffff;
		height: 25px;
		text-align: right;
		margin-top: 42px;
		padding-bottom:5px;
		}
		#footer p {
			padding-top:5px !important;
			padding-right:10px;
			letter-spacing: 1px;
			}
p {
	padding-top:0.625em;
	padding-bottom: 0.625em; /* 18px from 12px base */
	}

#ambitie #container #main {
	background: transparent url("../img/manifest.jpg") left bottom no-repeat;
	}
	#ambitie #container #main #content {
		background: transparent url("../img/manifest.gif") left top no-repeat;
		height: 850px;
		}
#ambitie h1,
#ambitie blockquote {
	position: absolute;
	left: -9999px;
	}
#ambitie #footer {
	margin-top: 0;
	}