/*
 * $Id: main.css,v 1.3 2006-05-30 08:56:06 sven Exp $
 */

div#center {
	position: absolute;
	width:1px;
	height:1px;
	top:50%;
	left:50%;
}
div#container {
	position:absolute;
	width: 810px;
	height:500px;
	left:-405px;
	top:-250px;
}

div#content {
	background:#000;
}
div#content2 {
	background:#000;
	overflow: hidden;
}

div.debug {
	position:absolute;
	left:0;
	top:0;
	background:#fff;
	color:#000;
	width:100%;
	padding:20px 0;
	display:none;
}

div#menuLeft,
div#mainContent {
	height:450px;
	float:left;
	display: inline;
	overflow: hidden;
}
div#menuLeft {
	width:175px;
	height: 466px;
	margin-top:4px;
	background-color:white;
}

ul.menuLeft {
	color: #000000;
	padding:1px 0 0 0;
	margin:20px 10px;
	list-style-type: none;
	background: url(../images/backgrounds/menuLeftBorder.gif) left top repeat-x;
}

ul.menuLeft li {
	width: 100%;
	background: url(../images/backgrounds/menuLeftBorder.gif) left bottom repeat-x;
	padding-bottom: 1px;
}

ul.menuLeft li a {
	display: block;
	color: #000;
	font-size: 80%;
	padding: 9px 4px;
	height: 1.3em;
}

ul.menuLeft li a:hover {
	text-decoration:none;
	background-color:#eeefee;
}

ul.menuLeft li a.itemOn,
ul.menuLeft li a.itemOn:hover {
	background-color:#e0e0df;
}

div#mainContent {
	width: 611px;
	margin: 4px;
	border: 8px solid #fff;
	background: #fff;
	display: inline;
	position:relative;
}
div#footer {
	text-align: right;
	height: 20px;
	float: right;
}
div#footer span.border {
	position:relative;
	display:inline-block;
	width:1px;
	border:0;
	font-size:1px;
	height:12px;
	margin:0;
	top:-7px;
	background:transparent url(/images/dottedBackgroundWhite.gif) repeat-y scroll 0 0;
}

ul.menuFooter {
	display: inline;
	padding: 0;
	margin: 0;
}

ul.menuFooter li {
	display: inline;
	list-style-type: none;
}

ul.menuFooter li a {
	font-weight: normal;
	font-size: 0.85em;
	text-decoration: none;
	margin-bottom: 0px;
	background: url(../images/framework/footer_menu_border.gif) repeat-y right top;
	padding: 0px 10px 0px 10px;
}

ul.menuFlags {
	display: inline;
	padding: 0;
	margin: 1px 0 0 5px;
	vertical-align: middle;
}

ul.menuFlags li {
	display: inline;
	padding: 0 3px;
}

ul.menuFlags li img {
	vertical-align: baseline;
}

.footerMenuItem {
	color:white;
	font-family:Tahoma;
	font-size:0.85em;
	padding:0 10px;
}
a:hover.footerMenuItem {
	color:silver;
}
a.footerFlags {
	width:16px;
	height:15px;
	margin:0 3px;
	display:inline-block;
	background-position:bottom;
}

/*
TOP MENU
*/
div#menuTop {
	background: url(/images/menuBackground.gif) left top repeat-x;
	height:28px;
}
div#menuTop ul {
	margin:0;
	padding:0;
	height:28px;
	width: 100%;
	overflow: hidden;
}
div#menuTop ul li {
	float:left;
	list-style-type:none;
}
div#menuTop ul li.rightGag {
	float:right;
	background:transparent url(/images/gags.png) no-repeat scroll -23px 0;
	height:28px;
	width:22px;
}

div#menuTop ul li.start a {
	border-right: none;
}

div#menuTop ul li a {
	background:transparent url(/images/menuOff.gif) repeat-x scroll 0 0;
	display: inline;
	float: left;
	font-size: 0.8em;
	height:28px;
	line-height:28px;
	letter-spacing:1px;
	text-decoration:none;
	padding-left:15px;
	padding-right:15px;
	color:black;
	border-right:1px solid black;
}
div#menuTop ul li a.itemOn,
div#menuTop ul li a:hover {
	background:transparent url(/images/menuOn.gif) repeat-x scroll 0 0;
	color:white;
	text-decoration:none;
}
div#menuTop ul li a.disabled {
	color:gray;
	cursor:default;
}
div#menuTop ul li a:hover.disabled {
	background:transparent url(/images/menuOff.gif) repeat-x scroll 0 0;
	color:gray;
}
div#menuTop ul li.start a {
	width:22px;
	height:28px;
	padding:0;
	background:url(/images/framework/menuLeft-off.gif) left top no-repeat;
}
div#menuTop ul li.start a:hover {
	width:22px;
	height:28px;
	background:url(/images/framework/menuLeft-on.gif) left top no-repeat;
}
div#menuTop ul li a.last {
	border-right:1px solid black;
}

/*
FLAGS
*/
.nl { background-image: url(/images/flags/nl.png); background-repeat:no-repeat; }
.fr { background-image: url(/images/flags/fr.png); background-repeat:no-repeat; }
.de { background-image: url(/images/flags/de.png); background-repeat:no-repeat; }
.en { background-image: url(/images/flags/gb.png); background-repeat:no-repeat; }

ul.newsitems {
	margin-left:15px;
	list-style-type:square!important;
}
ul.newsitems li {
	margin:auto;
	padding:1px 0;
}



/* begin gallery markup */
	div.galleryContainer {
		width:100%;
		height:410px;
		position:relative;
	}
	div.galleryContent {
		float:right;
		width:310px;
		height:390px;
		background-color:#212121;
		padding:10px;
	}
	/* zie /css/gallery.css voor de galleryContentImage markup */
	div.galleryCategoryLinks {
		position:absolute;
		width:220px;
		bottom:0;
		text-align:right;
	}
	div.galleryContentList {
		float:right;
		height:100%;
		width:200px;
		background-color:#212121;
		padding:9px;
		overflow:hidden;
	}

	div.galleryContentList a {
		height:30px;
		margin:10px;
		color:white;
		display:block;
		text-decoration:none;
	}
	div.galleryContentList a:hover {
		color:#a3a3a3;
	}

	div.galleryContent div {
		float:left;
		width:130px;
		height:100px;
		margin:10px;
		z-index:1;
	}
	div.galleryContent div a {
		display:block;
		border:1px solid #b6b6b6;
		width:132px;
		height:92px;
		overflow:hidden;
		color:white;
		position:absolute;
	}
	div.galleryContent div a:hover {
		border:1px solid #fff;
	}
	div.galleryContent div.noImage {
		float:left;
		border:1px solid white;
		margin:10px;
		width:130px;
		height:100px;
		color:#cccccc;
		overflow:hidden;
		text-align:center;
		vertical-align:middle;
		font-size:1.5em;
		font-weight:bold;
	}
	div.galleryContent div.noImage div {
		padding-top:25px;
		margin:0;
	}
	div.galleryContent div.navigation {
		display:block;
		width:285px;
		height:auto;
		margin:0 10px;
		clear:both;
	}
	div.galleryContent div.navigation a,
	div.galleryContent div.navigation a:hover {
		position:relative;
		display:inline;
		width:auto;
		height:auto;
		border:0;
		margin:0;
	}
	div.galleryContent div.navigation a:hover {
		color:#8f8f8f;
		text-decoration:none;
	}
	div.galleryContent div.navigation a.navPrev {
		float:right;
	}
	div.galleryContent div.navigation a.navNext {
		float:left;
	}

	div.galleryCategoryLinks a {
		height:20px;
		margin:10px;
		color:black;
		display:block;
		font-weight:bold;
	}
	div.galleryCategoryLinks a:hover {
		color:#333333;
		text-decoration:none;
	}
/* end gallery markup */

/* start newsContent content */
	div.newsContent {

	}
	div.newsContent img.imageOneColumn {
		z-index:0;
		width:653px;
		height:443px;
	}


	div.newsContent div.processedContent {
		background: #5D616F;
		height: 445px;
		width:400px;
		margin-left:171px;
	}
	div.newsContent div.newsBack {
		width:80px;
		height:40px;
		position:absolute;
		bottom:0;
		left:91px;
		overflow:hidden;
		background: transparent url(/images/backgrounds/buttonBack.gif) left top no-repeat;
		text-align:right;
	}
	div.newsContent div.newsBack a {
		color: #000000;
		padding-left:10px;
		font-weight:normal;
		font-size:10px;
		display:block;
		width:30px;
		background:transparent url(/images/backgrounds/arrow-off.gif) left center no-repeat;
		margin:18px 6px;
	}

	div.newsContent div.newsBack a:hover {
		color: #868789;
		background:transparent url(/images/backgrounds/arrow-on.gif) left center no-repeat;
		text-decoration: none;
	}
/* end newsContent content */


	.assortiment {
		position:absolute;
		display:inline-block;
		bottom:20px;
		width:190px;
		height: 105px;
		background-color:#212121;
		padding:10px;
		color:white;
		overflow:hidden;
		font-size:90%;
	}
	.backgroundImage {
		position:absolute;
		z-index:0;
		top:8px;
		left:8px;
		width:653px;
		height:443px;
	}

div.latestNews {
	position:absolute;
	bottom:0;
	height:200px;
	width:175px;
	bottom:0;
	color:#000;
	overflow:hidden;
}
div.latestNews ul.menuLeft {
	margin-top:4px;
}
div.latestNews ul.menuLeft li a {
	height:auto;
}

div.nTitle {
	font-size:16px;
	font-weight:800;
	padding:0 11px;
}
div.latestNews a.nTitle {
	display: block;
	font-size:16px;
	font-weight:800;
	padding:0 11px;
	color: #000;
	text-decoration: none;
}