@charset "utf-8";
body {
	background-color:#000;
	margin:0;
	height:100%;	
}
body,div,input,ul,li,textarea {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}
ul {
	margin:0;
	padding:0;
	list-style:none;
}
div#content {	
	display:block;
	height:100%;
	width:850px;
	background-color:#000;
}
div#mainwindow, div#sidewindow {
	position:relative;
	height:100%;
	float:left;
}
input.selectbox {
float:left;
clear:both;
}
div#mainwindow {
	background-color:#FFF;
	width:552px;
}
div#sidewindow {
	width:200px;
	padding:20px;

}
/* SEARCH WINDOW */ 
div#searchwindow, div#messagewindow {
	width:0px;
	height:100%;
	top:77px;
	left:552px;
	position:absolute;
	display:block;
	background-color:#fff;
	z-index:100;
}

		
body div.main_category div.header div div.title span.RED { background-color:#F33; }
body div.main_category div.header div div.title span.ORANGE { background-color:#FA0; }
body div.main_category div.header div div.title span.GREEN { background-color:#9F0; }
body div.main_category div.header div div.title span.BLUE { background-color:#0AF; }
body div.main_category div.header div div.title span.PURPLE { background-color:#A0F; }



div.btnInput {
	border-left:none;
	padding:2px;
	height:14px;
	width:13px;
	float:left;
	cursor:pointer;
	font-size:18px;
	line-height:12px;
	font-family:"Courier New", Courier, monospace;
	text-align:center;
}
div#btnmymsg {
	float:left;
	background-color:#000;
	width:166px;
	border:1px solid #fff;
	padding:3px 4px 3px 4px;
	margin:2px 0px;
	color:#FFF;
	cursor:pointer;
}
div#btnmymsg:hover {
	background-color:#FFF;
	color:#000;
}
/* TOPNAVIGATION */
	div#top{
		clear:both;
		background-color:#606060;
		height:21px;
		width:100%;		
	}
	div#top div {
		float:left;
	}
	div#topnav ul {
		position:absolute;
		clear:both;
		height:20px;
		width:100%;
	}
	div#topnav{ 
		position:relative;
		height:20px;
		width:553px;
	}
	div#topnav ul li{
		border:1px solid #000;
		border-top:none;
		border-left:none;
		width:183px;
		height:20px;
		float:left;
		background-color:#EEE;
		cursor:pointer;
		font-size:12px;
		background-repeat:no-repeat;
	}
	div#topnav ul li span{
		height:20px;
		width:183px;
		display:block;
		float:left;
	}
	div#topnav ul li span.Nieuwsselectie{
		background-image:url(../img/btn_Nieuwsselectie_0.png);
	}
	div#topnav ul li span.Nieuwsbronnen{
		background-image:url(../img/btn_Nieuwsbronnen_0.png);
	}
	div#topnav ul li span.Nieuwsinstellingen{
		background-image:url(../img/btn_Nieuwsinstellingen_0.png);
	}
	div#topnav ul li.selected span.Nieuwsselectie{
		background-image:url(../img/btn_Nieuwsselectie_1.png);
	}
	div#topnav ul li.selected span.Nieuwsbronnen{
		background-image:url(../img/btn_Nieuwsbronnen_1.png);
	}
	div#topnav ul li.selected span.Nieuwsinstellingen{
		background-image:url(../img/btn_Nieuwsinstellingen_1.png);
	}	
	div#topnav ul li.selected, div#topnav ul li.selected:hover{
		background-color:#FFF;
		color:#000;
		cursor:default;
		height:21px;
		width:184px;
		border-bottom:none;
	}	
	div#topnav ul li:hover{
		background-color:#606060;
		color:#fff;
	}
	div#topnav ul li span.icon{
		float:left;
		width:10px;
	}
	div#topinfo span.icon a,div#topinfo span.icon a:visited,div#topinfo span.icon a:hover {
		text-decoration:none;
		color:#FFF;
		font-weight:bold;
		font-weight:bold;
		cursor:pointer;
	}
	div#topinfo {
		position:relative;
		color:#FFF;
		line-height:20px;
		padding-left:20px;
		width:270px;
	}
	div#topinfo span {
		float:left;
		}
	div#topinfo span.icon {
		position:absolute;
		right:5px;
		top:1px;

	}
/* MAINWINDOW */
	/* LOGO */
	div#logo {
		margin:20px 0px 10px 30px;
	}
	/* NEWSITEMS */
		/* NEWSITEMS HEADER */
		div.main_category {
			clear:both;
			float:left;
			width:100%;
		}
		div.main_category div.header {
			position:relative;
			display:block;
			width:100%;
			clear:both;
			height:30px;
			overflow:hidden;
			margin:10px 0 10px 0;
		}	
		div.main_category div.header div.backgroundline {
			position:absolute;
			top:15px;
			height:1px;
			background-color:#000;
			width:100%; 
		}
		div.main_category_handle, div.main_category_handle_disabled {
			width:20px;
			height:20px;
			background:url(../img/arrow_move.png) no-repeat #FFF;
			position:absolute;
			left:5px;
			top:-9px;
			display:block;
			cursor:move;
			opacity: .25;
			-moz-opacity:0.25;
			filter: alpha(opacity=25);
		}
		div.main_category_handle:hover {
			opacity: 1;
			-moz-opacity:1;
			filter: alpha(opacity=100);
		}
		div.main_category_handle_disabled {
			display:none;
		}
		div.main_category div.header div.fields {
			left:30px;
			position:absolute;
			background-color:#FFF;
			padding:4px 0 4px 0;
			width:480px;
			height:20px;
			border:1px solid #000;
		}
		div.main_category div.header div div {
			float:left;
		}
		div.main_category div.header div div.title {
			width:auto;
			heigth:20px;
			font-size:12px;
			line-height:18px;
			font-weight:bold;
			font-family:Geneva, Arial, Helvetica, sans-serif;
			text-transform:uppercase;
		}
		div.main_category div.header div div.title span{
			float:left;
		}
		div.main_category div.header div div.title span.icon {
			width:19px;
			height:20px;
			padding-left:1px;
			margin:0px 10px 0px 4px;
			background-color:#df1d25;
			text-align:center;
			font-family:verdana;
			font-size:17px;
			font-weight:bold;
		
			color:#FFF;
			cursor:pointer;
		}

		div.main_category div.header div div.options span.archive {
			float:left;
			width:18px;
			height:15px;
			background-color:#606060;
			cursor:pointer;
			border:1px solid #000;
			margin:0px 4px 0px 4px;
			text-align:center;
			color:#FFF;
			font-weight:bold;
			padding-top:3px;
		}
		div.main_category div.header div div.options span.archive:hover {
			background-color:#EEE;
			color:#000;
		}
		div.main_category div.header div div.options input {
			border:1px solid #000;
			padding:3px 2px 0 4px;
			background-color:#FFF;
			color:#000;
			height:15px;
			float:left;
			width:98px;
		}
		div.main_category div.header div div.options div.btnInput {
			border:1px solid #000;
			border-left:none;
			color:#FFF;
			background-color:#606060;
			margin: 0 4px 0 0;
		}
		div.main_category div.header div div.options div.btnInput:hover {
			background-color:#EEE;
			color:#000;
		}
		div.main_category div.header div div.expander {
			left:-1px;
			top:28px;
			position:absolute;
			width:100%;
			border:1px solid #000;
			border-top:1px solid #333;
			height:20px;
			background-color:#AAA;
			color:#000;
			overflow:hidden;
		}
		#searchwindow div.main_category div.header {
			height:51px;
		}
		div.main_category div.header div div.navigation {
			position:relative;
			width:250px;
			height:20px;
			overflow:hidden;
		}
		div.main_category div.header div div.holder {
				width:auto;
				height:20px;
				display:block;
				position:absolute;
		}
		div.main_category div.header div div.expander input {
			width:70px;
			font-size:9px;
			border:1px solid #555;
			margin:1px 0px 0px 2px;
			padding:2px 1px 2px 4px;
			float:left;
			border:1px solid #000;
		}
		div.main_category div.header div div.expander span.CloseExpander {
			float:left;
		}		
		div.main_category div.header div div.expander span {
			display:block;
			padding:2px 0px;
			width:18px;
			margin:1px 0px 0px 2px;
			border:1px solid #000;
			background-color:#FFF;
			float:left;
			text-align:center;
			cursor:pointer;
		}
		div.main_category div.header div div.expander div.navigation2 {
			float:right;
			width:103px;
			height:20px;
		}
		div.main_category div.header div div.expander div.navigation2 input{
			visibility:hidden;
		}
		div.main_category div.header div div.expander span.CloseExpander  {
			
		}
		div.main_category div.header div div.expander span:hover, div.main_category div.header div div.navigation span.selected {
			background-color:#888;
			color:#FFF;
			border:1px solid #FFF;
		}
		/* NEWSITEMS ITEMS */
		div.main_category ul.items {
			list-style:none;
			/*height:160px;*/
			/*overflow:hidden;*/
		}
		div.main_category ul.items li {
			display:block;
			float:left;	
			clear:both;
			width:100%;	
			padding: 4px 0px 1px 0px;
			line-height:16px;
			cursor:default;
		}
		div.main_category ul.items li.odd {
			background-color:#FFF;
		}
		div.main_category ul.items li.even {
			background-color:#EEE;
		}
		div.main_category ul.items li:hover, 
		div.main_category ul.items li.hover{
			background-color:#CCC;
		}
		div.main_category ul.items li span {
			float:left;
			margin-left:5px;
		}
		div.main_category ul.items li span.titel {
			width:450px;
			position:relative;
			padding-left:5px;
			margin-left:0px;
		}
		div.main_category ul.items li div {
			position:relative;
			z-index:50;
			clear:both;
			float:left;
		}
		div.main_category ul.items li span.options {
		}
		div.main_category ul.items li span.options span {
			width:11px;
			height:11px;
			vertical-align:middle;
			margin-right:5px;
			margin-left:0px;
			cursor:pointer;
		}
		div.main_category ul.items li:hover span.btnNoteitem,
		div.main_category ul.items li.hover span.btnNoteitem {
			background:url(../img/imgNote_0.png) no-repeat;
		}

		div.main_category ul.items li span.options span.btnNoteitemNew {
			background:url(../img/imgNote_2.png) no-repeat;
		}
		div.main_category ul.items li:hover span.btnSaveitem,
		div.main_category ul.items li.hover span.btnSaveitem {
			background:url(../img/imgSaved_0.png) no-repeat;
		}
		div.main_category ul.items li span.options span.btnNoteitem:hover,
		div.main_category ul.items li span.options span.btnNoteitem.hovernote,
		div.main_category ul.items li span.options span.btnNoteitemActive{
			background:url(../img/imgNote_1.png) no-repeat;
		}			
		div.main_category ul.items li span.options span.btnSaveitem:hover,
		div.main_category ul.items li span.options span.btnSaveitem.hoversaved,
		div.main_category ul.items li span.options span.btnSaveitemActive {
			background-image:url(../img/imgSaved_1.png);

		}			

		
		div.main_category ul.items li a,
		div.main_category ul.items li a:hover,
		div.main_category ul.items li a:visited,
		div.main_category ul.items li a:active{
			color:#333;
			text-decoration:none;
		}
		div.main_category ul.items li a.translation {
		/**/
			position:absolute;
			right:-12px;
			top:1px;
			width:11px;
			height:11px;
			cursor:pointer;
			font-size:8px;
			visible:hidden;
			text-transform:uppercase;
			background-color:transparent;	
			filter: alpha(opacity=15);
			-moz-opacity:.15;
			opacity:.15;
			padding-left:0px;
		}
		div.main_category ul.items li:hover a.translation {
			visibility:visible;	
		}
		div.main_category ul.items li:hover a.en {
			background: url(../img/vlag/en.png) no-repeat;
		}
		div.main_category ul.items li:hover a.de {
			background: url(../img/vlag/de.png) no-repeat;
		}
		div.main_category ul.items li:hover a.nl {
			background: url(../img/vlag/nl.png) no-repeat;
		}
		div.main_category ul.items li:hover a.es {
			background: url(../img/vlag/es.png) no-repeat;
		}
		div.main_category ul.items li:hover a.po {
			background: url(../img/vlag/po.png) no-repeat;
		}
		div.main_category ul.items li:hover a.it {
			background: url(../img/vlag/it.png) no-repeat;
		}
		div.main_category ul.items li a.translation:hover {	
			filter: alpha(opacity=100);
			-moz-opacity:1;
			opacity:1;
		}
		
		div.main_category ul.items li span.summery {
			position:absolute;
			top:4px;
			left:32px;
			width:488px;
			height:auto;
			display:none;
			background-color:#FFF;
			border:1px solid #000;
			padding: 5px 10px;
			z-index:50;
			line-height:16px;
		}
		div.main_category ul.items li:hover span.summery, 
		div.main_category ul.items li.hover span.summery {
			display:block;
		}	
		div.main_category ul.items li:hover span.summery:hover,
		div.main_category ul.items li.hover span.summery.hover {
			display:none;
		}
		
		div.main_category ul.items li.hidden {
			display:none;
		}
		
/* SIDEWINDOW */
	div#sidewindow_box { 
		margin-top:14px;
		border:1px solid #606060;
		padding:4px;
		float:left;
		clear:both;

	}
	div#sidewindow_box input {
		border:1px solid #EEE;
		padding:3px 2px 0 4px;
		background-color:#000;
		color:#FFF;
		height:15px;
		float:left;
		width:150px;
	}
	div#sidewindow_box div.btnInput {
		border:1px solid #EEE;
		border-left:none;
		color:#000;
		background-color:#EEE;
		
	}
	div#sidewindow_box div.btnInput:hover {
		background-color:#606060;
		color:#FFF;
	}
/* LOGIN */

	div#window_login_header {
	margin-top:10px;
	}
	div#window_login_options {
		float:left;
		width:230px;
	}
	div#window_login input.field{
		display:block;
		border:1px solid #000;
		font-size:11px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		padding:5px 4px 2px 4px;
		width:150px;
	}
	div#login_button {
		position:absolute;
		bottom:-22px;
		right:0px;
		display:block;
		padding:4px 14px 4px 14px; 
		background-color:#000;
		border:1px solid #FFF;
		color:#FFF;
		cursor:pointer;
	}
	div#login_button:hover {
		color:#FFF;
		background-color:#666;
	}
	
/* EDIT WINDOW */
	div#sidewindow_edit {
		margin-top:14px;
		border:1px solid #606060;
		padding:4px;
		float:left;
		clear:both;
		display:none;
	}
	div#sidewindow_edit {
		
	}
	div#garbage {
		background:transparent url(../img/imgGarbage_empty.png) no-repeat scroll 10px;
		border-top:1px dotted #666666;
		color:#FFFFFF;
		float:left;
		font-size:15px;
		font-weight:bold;
		height:30px;
		margin-top:10px;
		padding:12px 0px 0px 50px;
		width:210px;
	}
	div#btnNewCategory {
		height:12px;
		width:250px;
		border:1px solid #fff;
		padding:4px;
		margin:2px 0px;
		color:#FFF;
		cursor:pointer;
	}
	div#btnNewCategory:hover {
		background-color:#FFF;
		color:#000;
	}
	ul#feedList {
		margin:5px 0px;
		height:200px;
		width:260px;
		/*overflow-y:scroll;*/
		overflow:auto;
		float:left;
		clear:both;
		position:relative;
		
		scrollbar-3dlight-color:#666;
		scrollbar-arrow-color:#FFF;
		scrollbar-base-color:#666;
		scrollbar-darkshadow-color:#666;
		scrollbar-face-color:#666;
		scrollbar-highlight-color:#000;
		scrollbar-shadow-color:#555;
	}
	ul#feedList li{
		color:#FFF;
		cursor:pointer;
		padding:3px 2px;
		background-color:transparent;
		position:relative;
		width:230px;
	}
	ul#feedList li.template{
		display:none;
	}
	ul#feedList li.odd{
		background-color:#000;
	}
	ul#feedList li.even{
		background-color:#222;
	}
	ul#feedList li:hoverm, ul#feedList li.odd:hover, ul#feedList li.odd:hover{
		background-color:#555;
	}
	ul#feedList li span.filter,
	ul#feedList li span.filterActive {
		display:none;
	}
	input#fieldList_search {
		width:250px;
		padding:4px;
		border:1px solid #FFF;
		background-color:#000;
		color:#FFF;
	}
	div.main_category div.header div div.title input{
		font-size:12px;
		font-family:Verdana;
		border:0px;
		font-weight:bold;
		margin-top:2px;
		width:250px;
	}
	ul.items_edit {
		margin-left:50px;
		min-height:20px;
		float:left;
		clear:both;
		width:500px;
		
	}
	ul.items_edit li {
		z-index:100;
		float:left;
		clear:both;
		width:100%;
		cursor:move;
	
	}
	ul.items_edit li.hoverc {
		
	}
	ul.items_edit li span{
		float:left;
		width:250px;
		height:16px;
		padding:4px 0px 2px 2px;
		background-color:#fff;
		z-index:20;
		z-index:100;
	}
	
	div.main_category div.header div div.options {
		float:right;
		/* display:none; */
		filter: alpha(opacity=15);
		-moz-opacity:.15;
		opacity:.15;
	}		
	div.main_category img.filter_hidden{
		filter: alpha(opacity=15);
		-moz-opacity:.15;
		opacity:.15;
	}
	div.main_category div.header div div.editOptions {
		float:right;
		margin-right:4px;
		display:none;
	}
	div.main_category div.header div div.editOptions input{
		border:1px solid #000;
		padding:3px 2px 0 4px;
		background-color:#FFF;
		color:#000;
		height:15px;
		width:20px;
	}
	ul.items_edit li div.filter,ul.items_edit li div.filterActive {
		z-index:100;
		position:relative;
	}
	ul.items_edit li div.filter textarea, ul.items_edit li div.filterActive textarea{
		position:absolute;
		z-index:100;
		left:17px;
		top:0px;
		width:178px;
		height:60px;
		display:none;
		background-color:#FFF;
		border:1px solid #000;
		padding: 5px 5px;
			
		scrollbar-3dlight-color:#EEE;
		scrollbar-arrow-color:#000;
		scrollbar-base-color:#EEE;
		scrollbar-darkshadow-color:#999;
		scrollbar-track-color:#FFF;
		scrollbar-face-color:#CCC;
		scrollbar-highlight-color:#999;
		scrollbar-shadow-color:#AAA;
			
	}
	ul.items_edit li span.filter,
	ul.items_edit li span.filterActive {
		z-index:100;
		float:left;
		width:20px;
		height:16px;
		padding:2px 4px 4px 4px;
	
	}
	input.categorynew {
		width:437px;
		height:14px;
		padding:2px;
		float:left;
		border:1px solid #000;
		border-bottom:none;
		border-right:none;
	}
	div.categoryadd {
		padding:2px 2px 2px 5px;
		background-color:#EEE;
		float:left;
		height:14px;
		width:12px;
		border:1px solid #000;
		border-bottom:none;
		cursor:pointer;
	}
	div.categoryadd:hover {
		background-color:#AAA;
		color:#FFF;
	}
	select.categorylist {
		font-size:10px;
		font-family:verdana;
		border:1px solid #000;
		border-top:1px dashed #000;
		width:463px;
		min-height:100px;
		max-height:200px;
		overflow-y:auto;
		float:left;
		clear:both;
	}
	ul.items_edit li span.filter span, 
	ul.items_edit li span.filterActive span {
		display:block;
		background-color:#555;
		border:1px solid #000;
		color:#FFF;
		padding:2px;
		width:12px;
		height:12px;
		text-align:center;
		font-weighT:bold;
	}
	ul.items_edit li span.filter span {
		filter: alpha(opacity=15);
		-moz-opacity:.15;
		opacity:.15;
	}
	ul.items_edit li span.filterActive span {
		filter: alpha(opacity=100);
		-moz-opacity:1;
		opacity:1;
	}
	ul.items_edit li span.filter span:hover,ul.items_edit li span.filter:hover span,ul.items_edit li span.filterActive span:hover,ul.items_edit li span.filterActive:hover span {
		background-color:#EEE;
		color:#000;
	}
	ul.items_edit li span.filter:hover textarea, ul.items_edit li span.filter textarea:hover,
	ul.items_edit li span.filterActive:hover textarea, ul.items_edit li span.filterActive textarea:hover
	{
		display:block;
	}
	/* DEBUG */
	div#sqlquerys {
		display:none;
		background-color:#FFF;
		width:650px;
		height:500px;
		padding:5px;
		color:#000;
		cursor:text;
		overflow:auto;
	}
	div#sqlquerys span.time,div#sqlquerys span.query{
		float:left;	
		width:40px;
		font-size:9px;
	}
	div#sqlquerys span.time {
		clear:left;
	}
	div#sqlquerys span.query{
		width:400px;
	}