/*
Projectnaam: www.timmenga.com
@author: Bernhard Verkade (bernhard@yes2web.nl)
@version: 20090119-01
*/

body, #publerBody {
	text-align: center;
	background: #c2d8f3 url(../../images/timmenga/background/bg-body.jpg) top left;
}

#container {
	position: relative;
	width: 849px;
	margin: 33px auto 0 auto;
	text-align: left;
	background: #f3f8ff url(../../images/timmenga/background/bg-container.gif) repeat-y;
	border: 1px solid #0a244a;
}

#header {
	height: 84px;
	background: #3865a8 url(../../images/timmenga/background/bg-header.jpg) top right no-repeat;
	border-bottom: 1px solid #0a244a;
}

div#wrapper{
	float: left;
	width: 100%;
}

div#contents{
	margin: 0 150px;
	padding: 5px 30px 44px 30px;
}

/* first niveau */
ul#navigation{
	float: left;
	width: 150px;
	margin: 44px 0 0 -849px;
	list-style:none;
	padding:0;
	}
	ul#navigation li{
		margin: 0 0 1px 0;
		}
		ul#navigation li a{
			background: #b9c8e0 url(../../images/timmenga/background/bg-menu-normal.jpg) top left repeat-y;
			height: 24px;
			width: 136px;
			padding: 0 0 0 12px;
			display: block;
			line-height: 2em;
			color: #FFF;
			text-decoration: none;
			margin: 0;
		}
		ul#navigation li a:hover, /* Firstniveau selected */ ul#navigation li.selected a{
			background: #b9c8e0 url(../../images/timmenga/background/bg-menu-hover.jpg) top right repeat-y;
		}

/* second niveau */
ul#navigation li ul{
	display: none;
	margin: 0;
	padding: 0;
	list-style: none;
}
ul#navigation li.selected ul{
	display: block;
	}	
	ul#navigation li ul li{
		margin: 0;
		}
	ul#navigation li ul li a, ul#navigation li.selected ul li a{
		background: url(../../images/timmenga/background/bg-submenu.gif) repeat-y;
		color: #3a67a9;
		font-size: 0.8em;
		height: 22px;
		width: 136px;
		padding: 2px 0 0 12px;
		}
		ul#navigation li.selected ul li a:hover, ul#navigation li ul li.selected a{
			color: #FFF;
			background: #7796C4;
		}

/* third niveau */
ul#navigation li.selected ul ul{
	display: none;
	margin: 0;
	padding: 0;
	list-style: none;
}
ul#navigation li ul li.selected ul{
	display: block;
	}
	ul#navigation li.selected ul ul li a{
		background: url(../../images/timmenga/background/bg-li-3.gif) 15px 50% no-repeat;
		width: 123px;
		padding: 0 0 0 25px;
		color: #091f40;
		font-style: italic;
		font-weight: bold;
	}
	ul#navigation li.selected ul ul li a:hover {
		color: #3a67a9;
		background: url(../../images/timmenga/background/bg-li-3.gif) 15px 50% no-repeat;
	}
		
/* fourth niveau */	
ul#navigation li.selected ul ul ul{
	margin: 0;
	padding: 0;
	list-style: none;
	display: none;
	}
	ul#navigation ul ul li.selected ul {
		display: block;
	}
	ul#navigation ul ul ul li a, ul#navigation ul ul li.selected ul li a{
		color: #3a67a9;
		background: url(../../images/timmenga/background/bg-li-4.gif) 27px 50% no-repeat;
		text-indent: 12px;
	}
	ul#navigation ul ul li.selected ul li a:hover, ul#navigation ul ul li ul li.selected a{
		background: url(../../images/timmenga/background/bg-li-4-hover.gif) 27px 50% no-repeat;
		color: #091f40;
	}
	
/* Right column */
div#sub-navigation{
	float: left;
	width: 148px;
	margin: 0 0 20px -148px;
	padding-top: 44px;
}

/* language */
div#language{
	position: absolute;
	right: 14px;
	top: 15px;
	}
	div#language a#english{
		margin-left: 10px;
	}

/* Search */
#search {
	position: absolute;
	top: 97px;
	left: 713px;
	}
	#search input {
		background: #d1dff4;
		border: 0;
		float: left;
		font-size: 0.8em;
		height: 14px;
		line-height: 1em;
		margin: 0;
		padding: 3px;
		_padding: 6px 3px 0 3px;
		width: 95px;
		color: #3c69aa;
		}
	#search button {
		background: #3865a8 url(../../images/timmenga/icons/search-icon.jpg) center center no-repeat;
		border: 0;
		height: 20px;
		width: 20px;
		text-indent: -6666px;
		margin: 0 0 0 3px;
		padding: 0;
		cursor: pointer;
		}
		
#footer {
	height: 50px;
	border-top: 1px solid #0a244a;
	padding: 5px 0 0 120px;
	width: 370px;
	position: relative;
	margin: 0 auto;
	}
		#footer li {
			border-right: 1px solid #0a244a;
			color: #0a244a;
			float: left;
			line-height: 12px;
			list-style: none;
			padding: 0 4px;
			}
			#footer li a {
				color: #0a244a;
				font-weight: bold;
				text-decoration: none;
				font-size: 0.8em;
				}
			#footer li a:hover {
				text-decoration: underline;
				}
			#footer li.last {
				border: none;
				padding-right: 0;
				}

div#breadcrum{
	position: absolute;
	left: 180px;
	top: 97px;
	font-size: 0.8em;
}
.clear-left{
	clear: left;
}