/* 
// @@@
// @@ Author: Marco Houtman
// @@ Date: 2007-04-14
// @@ Last change: 2007-11-15
// @@ Version: 1
// @@ Revision: 0
// @@ Copyright: Ecommany B.V.
// @@ Description: nieuws-stylesheet voor het publieke gedeelte van de HOPE website
// @@$
*/

/* stylegegevens voor algemene items als body e.d. importeren */
@import url('/system/css/inc_public/algemeen.css');
/* stylegegevens voor de header importeren */
@import url('/system/css/inc_public/header.css');
/* stylegegevens voor het hoofdmenu importeren */
@import url('/system/css/inc_public/mainmenu.css');
/* stylegegevens voor de disclaimerbar importeren */
@import url('/system/css/inc_public/disclaimer.css');
/* stylegegevens voor de loginbox importeren */
@import url('/system/css/inc_public/loginbox.css');
/* stylegegevens voor het submenu importeren */
@import url('/system/css/inc_public/submenu.css');
/* stylegegevens voor het contentgedeelte importeren */
@import url('/system/css/inc_public/content.css');

/* nieuws-specifieke items hier definieren */

/* begin van de stippellijn simuleren */
#news_stippellijn_boven {
	float: left;
	position: relative;
	display: inline;
	overflow: hidden;
	
	margin: 1px 0px 0px 328px;
	
	width: 1px;
	height: 1px;
	
	background-color: #CDA2CF;
}

/* eind van de stippellijn simuleren */
#news_stippellijn_onder {
	float: left;
	position: relative;
	display: inline;
	overflow: hidden;
	
	margin: 0px 0px 0px 328px;
	
	width: 1px;
	height: 1px;
	
	background-color: #CDA2CF;
}

/* nieuws wordt opgedeeld in twee gedeeltes: links en rechts */
#news_links {
	float: left;
	position: relative;
	display: inline;
	
	width: 784px;
}

#news_rechts {
	float: left;
	position: relative;
	display: inline;
	
	width: 44px;
}

/* div waarin leads van de nieuwsberichten worden opgenomen */
#news_lead_container {
	float: left;
	position: relative;
	display: inline;
	
	width: 331px;
}

/* div waarin control-elementen worden opgenomen zoals knoppen default / archive */
#news_controls_top {
	float: left;
	position: relative;
	display: inline;
	
	width: 330px;
	
	background-color: #F7F1F8;
	background-image: url('/images/public/opmaak/stippellijn_rechts.gif');
	background-position: right;
	background-repeat: repeat-y;
}

/* div waarin control-elementen worden opgenomen zoals knoppen prev. page / next page */
#news_controls_bottom {
	float: left;
	position: relative;
	display: inline;

	margin: 0px 0px -4000px 0px;
	padding: 0px 0px 4000px 0px;
	
	width: 330px;
	
	background-color: #F7F1F8;
	background-image: url('/images/public/opmaak/stippellijn_rechts.gif');
	background-position: right;
	background-repeat: repeat-y;
}

.news_spacer {
	float: left;
	position: relative;
	display: inline;
	
	width: 330px;
	height: 70px;
	
	background-color: #FFFFFF;
	background-image: url('/images/public/opmaak/stippellijn_rechts.gif');
	background-position: right;
	background-repeat: repeat-y;
} 

/* stippellijn tussen twee nieuwsberichten */
.news_stippellijn {
	float: left;
	position: relative;
	display: inline;
	overflow: hidden;
	
	width: 330px;
	height: 1px;
	
	background-image: url('/images/public/opmaak/stippellijn_onder.gif');
	background-repeat: repeat-x;
}

/* lead van een nieuws bericht (niet geselecteerd) */
.news_lead_container {
	float: left;
	position: relative;
	display: inline;
	
	width: 330px;
	
	background-image: url('/images/public/opmaak/stippellijn_rechts.gif');
	background-position: right;
	background-repeat: repeat-y;
	background-color: #FFFFFF;
}

/* lead van een nieuws bericht (geselecteerd) */
.news_lead_container_sel {
	float: left;
	position: relative;
	display: inline;
	
	width: 330px;
}



/* knop voor default (nieuwe berichten) */
#news_button_default {
	float: left;
	position: relative;
	display: inline;
	
	margin: 8px 0px 0px 15px;
	
	width: 54px;
	height: 23px;
	
	background-image: url('/images/public/news/news_button_selected.gif');
	background-repeat: no-repeat;
}

/* label voor de knop default */
#news_button_default_label {
	float: left;
	position: relative;
	display: inline;
	
	margin: 1px 0px 0px 4px;
	
	width: 46px;
/*	color: #B16AB1; */
	color: #9A45A0;
	text-align: center;
}

#news_button_default_label a {
	text-decoration: none;
	color: #9A45A0;
}

/* knop voor archief (oude berichten) */
#news_button_archive {
	float: left;
	position: relative;
	display: inline;
	
	margin: 8px 0px 0px 4px;
	
	width: 54px;
	height: 23px;
	
	background-image: url('/images/public/news/news_button_unselected.gif');
	background-repeat: no-repeat;
}

/* label voor de knop archive */
#news_button_archive_label {
	float: left;
	position: relative;
	display: inline;
	
	margin: 1px 0px 0px 4px;
	
	width: 46px;
	color: #FFFFFF;
	text-align: center;
}

/* voor linkje in label */
#news_button_archive_label a {
	color: #FFFFFF;
	text-decoration: none;
}


/* div waarin de titel van het bericht wordt getoond */
.news_item_titel {
	float: left;
	position: relative;
	display: inline;
	
	margin: 5px 0px 0px 15px;
	
	width: 235px;
	font-size: 1.1em;
	font-weight: 600;
/*	color: #B16AB1; */
	color: #9A45A0;
}

/* div waarin de titel van het geselecteerde bericht wordt getoond */
.news_item_titel_sel {
	float: left;
	position: relative;
	display: inline;
	
	margin: 5px 0px 0px 15px;
	
	width: 235px;
	font-size: 1.1em;
	font-weight: 600;
/*	color: #CDA2CF; */
	color: #9A45A0;
}

/* div waarin de datum van het bericht wordt getoond */
.news_item_datum {
	float: left;
	position: relative;
	display: inline;
	
	margin: 5px 0px 0px 0px;
	
	width: 75px;
	text-align: right;
	font-size: 1.1em;
	font-weight: 600;
/*	color: #B16AB1; */
	color: #9A45A0;
}

/* div waarin de datum van het geselecteerde bericht wordt getoond */
.news_item_datum_sel {
	float: left;
	position: relative;
	display: inline;
	
	margin: 5px 0px 0px 0px;
	
	width: 75px;
	text-align: right;
	font-size: 1.1em;
	font-weight: 600;
/*	color: #CDA2CF; */
	color: #9A45A0;
}

/* div waarin de tekst (lead) van het bericht wordt getoond */
.news_item_lead {
	float: left;
	position: relative;
	display: inline;
	
	margin: 0px 0px 0px 15px;
	
	width: 300px;
}

/* knop lees meer voor nieuwsbericht */
.news_button_read_more {
	float: left;
	position: relative;
	display: inline;
	
	margin: 4px 0px 0px 290px;
	
	width: 35px;
	height: 20px;
} 

/* knop voor vorige pagina met nieuwsberichten */
#news_button_previous {
	float: left;
	position: relative;
	display: inline;
	
	margin: 8px 0px 0px 15px;
	
	width: 70px;
	height: 23px;
	
	background-image: url('/images/public/news/news_button_prev.gif');
	background-repeat: no-repeat;
}

/* label voor de knop naar de vorige pagina met nieuwsberichten */
#news_button_previous_label {
	float: left;
	position: relative;
	display: inline;
	
	width: 62px;
	
	margin: 1px 0px 0px 4px;
	text-align: right;
}

/* linkjes in wit weergeven en zonder lijntje er onder */
#news_button_previous_label a {
	text-decoration: none;
	color: #FFFFFF;
}

/* knop voor volgende pagina met  nieuwsberichten */
#news_button_next {
	float: left;
	position: relative;
	display: inline;
	
	margin: 8px 0px 0px 9px;
	
	width: 70px;
	height: 23px;
	
	background-image: url('/images/public/news/news_button_next.gif');
	background-repeat: no-repeat;
}

/* label voor de knop naar de volgende pagina met nieuwsberichten */
#news_button_next_label {
	float: left;
	position: relative;
	display: inline;
	
	width: 62px;
	
	margin: 1px 0px 0px 4px;
}

/* linkjes in wit weergeven en zonder lijntje er onder */
#news_button_next_label a {
	text-decoration: none;
	color: #FFFFFF;
}

/* spacer voor als er geen previous en next knoppen getoond mogen worden */
#news_button_empty {
	float: left;
	position: relative;
	display: inline;
	
	margin: 8px 0px 0px 9px;
	
	width: 7px;
	height: 23px;
}



/* content container bevat alle elementen van het nieuwsbericht (titel, datum, bericht) */
#news_content_container {
	float: left;
	position: relative;
	display: inline;
	
	margin: 0px 0px 0px 2px;

	width: 451px;
}

/* titel van het nieuwsbericht */
#news_content_titel {
	float: left;
	position: relative;
	display: inline;
	
	margin: 20px 0px 0px 20px;
	
	width: 341px;
	font-size: 1.1em;
	font-weight: 600;
/*	color: #B16AB1; */
	color: #9A45A0;
}

/* datum van het nieuwsbericht */
#news_content_datum {
	float: left;
	position: relative;
	display: inline;
	
	margin: 20px 0px 0px 5px;
	
	width: 75px;
	font-size: 1.1em;
	font-weight: 600;
	text-align: right;
/*	color: #B16AB1;*/
	color: #9A45A0;
}

/* inhoud van het nieuwsbericht */
#news_content_bericht {
	float: left;
	position: relative;
	display: inline;
	
	margin: 10px 0px 0px 20px;
	
	width: 421px; 
}



/* container met de knoppen voor print e.d. */
#news_content_buttons {
	float: left;
	position: relative;
	display: inline;
	
	margin: 8px 0px 0px 0px;
	
	width: 44px;
	height: 17px;
}

/* print-icoontje */
#news_button_print {
	float: left;
	position: relative;
	display: inline;
	
	width: 37px;
	height: 17px;
}




/* nieuws archief specifieke items hier definieren */


/* footer onder de content voor de template zonder menu: dit keer naar witte achtergrond ipv lichtpaarse */
#content_footer_dubbel_links_newsarchive {
	float: left;
	position: relative;
	display: inline;
	
	width: 832px;
	height: 2px;
	background-image: url('/images/public/opmaak/content_public_bottom_wit.gif'); 
}


/* paarse balk boven de lijst / het nieuwsbericht */
#newsarchive_content_balk {
	float: left;
	position: relative;
	display: inline;
	overflow: visible;
	
	width: 830px;
	
	background-color: #F7F1F8;
	z-index: 6000;
}

/* stippellijn onder de balk en boven de lijst / het nieuwsbericht */
#newsarchive_content_stippellijn {
	float: left;
	position: relative;
	display: inline;
	overflow: hidden;
	
	width: 830px;
	height: 1px;
	
	background-image: url('/images/public/opmaak/stippellijn_onder.gif');
	background-repeat: repeat-x;
}

/* witte gedeelte onder de stippellijn tbv de lijst / het bericht */
#newsarchive_content_bottom {
	float: left;
	position: relative;
	display: inline;
	
	margin: 0px 0px -4000px 0px;
	padding: 0px 0px 4000px 0px;
	
	width: 830px;
	
	background-color: #FFFFFF;
}

/* knop voor default (nieuwe berichten) */
#newsarchive_button_default {
	float: left;
	position: relative;
	display: inline;
	
	margin: 8px 0px 0px 15px;
	
	width: 54px;
	height: 23px;
	
	background-image: url('/images/public/news/news_button_unselected.gif');
	background-repeat: no-repeat;
}

/* label voor de knop default */
#newsarchive_button_default_label {
	float: left;
	position: relative;
	display: inline;
	
	margin: 1px 0px 0px 4px;
	
	width: 46px;
	color: #FFFFFF;
	text-align: center;
}

/* voor linkje in label */
#newsarchive_button_default_label a {
	color: #FFFFFF;
	text-decoration: none;
}


/* knop voor archief (oude berichten) */
#newsarchive_button_archive {
	float: left;
	position: relative;
	display: inline;
	
	margin: 8px 0px 0px 4px;
	
	width: 54px;
	height: 23px;
	
	background-image: url('/images/public/news/news_button_selected.gif');
	background-repeat: no-repeat;
}

/* label voor de knop archive */
#newsarchive_button_archive_label {
	float: left;
	position: relative;
	display: inline;
	
	margin: 1px 0px 0px 4px;
	
	width: 46px;
/*	color: #B16AB1; */
	color: #9A45A0;
	text-align: center;
}

#newsarchive_button_archive_label a {
	text-decoration: none;
	color: #9A45A0;
}

/* caption year voor de dropdown */
#newsarchive_caption_year {
	float: left;
	position: relative;
	display: inline;
	
	margin: 8px 0px 0px 100px;
	
/*	color: #B16AB1; */
	color: #9A45A0;
}

/* dropdownlijst je voor de selectie van het jaar */
#newsarchive_dropdown_year {
	float: left;
	position: relative;
	display: inline;
	
	margin: 8px 0px 0px 10px;
	
	width: 70px;
	height: 17px;
	
	background-image: url('/images/public/news/newsarchive_dropdown.gif');
	background-repeat: no-repeat;
}

/* label voor in de dropdownlijst voor de selectie van het jaar */
#newsarchive_dropdown_year_label {
	float: left;
	position: relative;
	display: inline;
	
	margin: 1px 0px 0px 4px;
	
	width: 62px;
/*	color: #B16AB1; */
	color: #9A45A0;
}

#newsarchive_dropdown_year_label a {
	text-decoration: none;
	color: #9A45A0;
}


/* caption month voor de dropdown */
#newsarchive_caption_month {
	float: left;
	position: relative;
	display: inline;
	
	margin: 8px 0px 0px 15px;
/*	color: #B16AB1; */
	color: #9A45A0;
}

/* dropdownlijst je voor de selectie van de maand */
#newsarchive_dropdown_month {
	float: left;
	position: relative;
	display: inline;
	
	margin: 8px 0px 0px 10px;
	
	width: 70px;
	height: 17px;
	
	background-image: url('/images/public/news/newsarchive_dropdown.gif');
	background-repeat: no-repeat;
}

/* label voor in de dropdownlijst voor de selectie van de maand */
#newsarchive_dropdown_month_label {
	float: left;
	position: relative;
	display: inline;
	
	margin: 1px 0px 0px 4px;
	
	width: 62px;
/*	color: #B16AB1; */
	color: #9A45A0;
}

#newsarchive_dropdown_month_label a {
	text-decoration: none;
	color: #9A45A0;
}


/* caption search in archive voor de input */
#newsarchive_caption_search {
	float: left;
	position: relative;
	display: inline;
	
	margin: 8px 0px 0px 100px;
/*	color: #B16AB1; */
	color: #9A45A0;
}

/* input voor het zoeken naar nieuwsberichten */
#newsarchive_searchbox {
	float: left;
	position: relative;
	display: inline;
	
	margin: 7px 0px 0px 10px;
	
	width: 72px;
	height: 19px;
	
	background-image: url('/images/public/news/newsarchive_searchinput.gif');
	background-repeat: no-repeat;
}

/* label voor in de dropdownlijst voor de selectie van de maand */
#newsarchive_searchbox_input {
	float: left;
	position: relative;
	display: inline;
	
	margin: 1px 0px 0px 1px;
	width: 66px;
}

/* inputbox voor de zoekterm */
#newsarchive_search {
	margin-left: 2px;
	width: 62px;
	border: 0; 
	font-size: 0.9em;
	font-family: Helvetica, Verdana, Arial, sans-serif;
}

/* pijltje voor het starten van de zoekopdracht */
#newsarchive_search_arrow {
	float: left;
	position: relative;
	display: inline;
	
	margin: 6px 0px 0px 6px;
	
	width: 8px;
	height: 17px;	
}


/* div waarin de linkerlijst items worden opgenomen */
#newsarchive_links_column {
	float: left;
	position: relative;
	display: inline;

	margin: 0px 0px -4000px 0px;
	padding: 0px 0px 4000px 0px;
	
	width: 330px;
	background-color: #F7F1F8;
}

/* div waarin de rechterlijst items worden opgenomen */
#newsarchive_rechts_column {
	float: left;
	position: relative;
	display: inline;
	
	margin: 0px 0px -4000px 0px;
	padding: 0px 0px 4000px 0px;
	
	width: 500px;
	background-color: #F7F1F8;
}





/* popup divje voor de jaarselectie */
#newsarchive_popup_jaar_container {
	position: absolute;
	display: none;
	visibility: hidden;

		
	left: 259px;
	top: 24px;
	width: 70px;
	z-index: 100000;
}

/* bovenkant van de selectiecontainer */
.newsarchive_popup_top {
	float: left;
	position: relative;
	display: inline;
	overflow: hidden;
	
	width: 70px;
	height: 2px;
	background-image: url('/images/public/news/popup_top.gif');
	background-repeat: no-repeat;
}

/* content gedeelte van de selectiecontainer */
.newsarchive_popup_midden {
	float: left;
	position: relative;
	display: inline;
	
	width: 70px;
	
	background-image: url('/images/public/news/popup_background.gif');
	background-repeat: repeat-y;
}

/* stijlgegevens voor een item in de selectiecontainer */
.newsarchive_popup_item {
	float: left;
	position: relative;
	display: inline;

	margin: 0px 0px 0px 4px;
	
	width: 62px;
/* 	color: #B16AB1; */
	color: #9A45A0;
}

/* stijlgegevens voor de linkjes in de jaarselectie popup */
.newsarchive_popup_item a {
/*	color: #B16AB1;*/
	color: #9A45A0;
	text-decoration: none;
}

/* onderkant van de jaarselectiecontainer */
.newsarchive_popup_bottom {
	float: left;
	position: relative;
	display: inline;
	overflow: hidden;
	
	width: 70px;
	height: 2px;
	
	background-image: url('/images/public/news/popup_bottom.gif');
	background-repeat: no-repeat;
}

/* popup divje voor de maandselectie */
#newsarchive_popup_maand_container {
	position: absolute;
	display: none;
	visibility: hidden;
		
	left: 383px;
	top: 24px;
	width: 70px;
	z-index: 100000;
}

#newsarchive_rechts {
	float: left;
	position: absolute;
	display: inline;
	
	width: 44px;
	left: 456px;
	top: 0px;
}