/*
	This css stylesheet contains style specifications to 
	customize the look.
*/


/***************************
	index.htm 
***************************/

#center
{
	background-image: url('../custom/back.jpg');
	background-repeat: repeat-y;
	background-position: top center;
	background-color: #45444B;
}

#main
{
    width:925px; /* to define fixed width of total */
    margin-left: auto; /* to center the fixed total */
    margin-right: auto; /* to center the fixed total */
	background-color: #FFFFFF;
}

#header
{
	background-color: #000000;
	background-image: url('../custom/header01.jpg');
	background-repeat: no-repeat;
	background-position: top center;
	height:170px; /* check #options.top, #search.top, #filter.top and #index_content.top */
}

#options
{
    color: #999999;
    margin: 0px;
    position: absolute;
	top:15px; 
	height:1.5em;
	background-color: transparent; /* color of the options bar */
	font-family:arial;/* font for the items: print, search and filter */
	font-weight: normal;
	font-size:12px;
}

#search
{
    position: absolute;
	margin-top: 27px; /* == #options.height */
	top: 0px; /* == #header.height */
	bottom: 0px; /* == #footer.height */
	right: 0px;
	padding: 10px;
	border-left: solid 1px black;
	background-color: White;
	font-family:arial;
	font-size:13px;
	color:#003555;
	z-index: 1000;
	border-bottom: 0;
	overflow: auto;
}

#filter
{
	margin-top: 1.5em; /* == #options.height */
	top: 173px; /* == #header.height */
	bottom: 30px; /* == #footer.height */
	right: 0px;
	padding: 10px;
	border-left: solid 1px black;
	background-color: White;
}

.content
{
	top:146px; /* == #header.height */
	margin-top: 1.5em; /* == #options.height */
	bottom: 30px; /* == #footer.height */
	background-color: White;
}

#footer
{
	height:16px;
	bottom:0px;
	background-image: url('../custom/footer.jpg');
	background-repeat: repeat-y;
	background-position: top center;
	background-color: #45444B;
	font-family:arial;
	font-size:11px;
	color:#999999;
	padding:0px;
	text-align:center;
	padding-left: 0px;
	padding-top: 14px;
	padding-bottom: 0px;
}

A
{
	text-decoration:none;
	color:#7395CC;
}

A:hover
{
	text-decoration:underline;
}

/* #header children */
#title
{
	font-size: xx-large;
	font-weight: bold;
	display: none;
}

/* #options children */
#options_right
{
	float: right;
}	

.options_button
{
    color: #999999;
	text-decoration: none;
	padding: 0px 5px;
}

.options_button:hover
{
	color: Red;
}

.options_button_active
{
	color: #000000;
	background-color: #FFFFFF;
}

/***************************
	menuitem.htm 
***************************/
#menuitem_content
{
	height: 100%;
}

/***************************
	Main Menu
***************************/
.mainMenu
{
	border-right: solid 1px gray;
	padding-left: 10px;
	padding-right: 10px;
}

.main_submenu 
{
	margin-left: 19px; /* indent treemenu */
}

.main_toggle
{
	margin-right: -19px;
}

.main_menuitem
{
	/* give menuitems some space, so they become bold without leaving the screen */
	margin-right: 14px;
	margin-left: 19px;
	
	/* font */
	text-decoration: none;
	font-family: Arial;
	font-size: 16px;
	
	/* make sure the menuitem is not put on another line */
	white-space: nowrap;
}

.main_link
{
	color: Blue;
}

.main_link_active
{
	color: Red;
	font-weight: bold;
}

/*filtered nodes*/
.main_node_invisible
{
	display: none;
}

.main_node_grayed
{
	color: gray;
}

/***************************
	Tree Menu
***************************/
.rightTree_layout_nav
{
	border-left: solid 1px gray;
	padding-left: 0px;
	padding-right: 10px;
	padding-top:38px;
	background-color: #ffffff;
	background-image: url('../custom/back_right.gif');
	background-attachment: scroll;
	background-position: top right;
	background-repeat: no-repeat;
	left: 650px;
	right: 0px;
	width: auto;
	top: 1px;
	overflow: auto;
}

.rightTree_layout_content
{
    top: 1px;
    left: 0px;
    right: 275px;
    width: auto;
}

.tree
{
    overflow:hidden;
}

.tree_submenu 
{
	margin-left: 0px; /* indent treemenu */
}

.tree_toggle
{
	width: 19px;
	height: 16px;
	margin-right: -19px;
}

.tree_toggle_opened
{
	background-image: url('../custom/tree_toggle_opened.gif');
	background-position: top left;
	background-repeat: no-repeat;
}

.tree_toggle_closed
{
	background-image: url('../custom/tree_toggle_closed.gif');
	background-position: top left;
	background-repeat: no-repeat;
}

.tree_menuitem
{
	/* give menuitems some space, so they become bold without leaving the screen */
	display:block;
	margin-right: 0px;
	margin-left: 0px;
	
	/* font */
	text-decoration: none;
	font-family:arial;
	font-size:13px;
	color:#7395CC;
	
	/* make sure the menuitem is not put on another line */
	white-space: nowrap;
	background-image: url('../custom/item.gif');
	background-position: center left;
	background-repeat: no-repeat;
	background-color:transparent;
	padding-left:30px;

	border-style:solid;
	border-color:#DCDCDC;
	border-width:0px 0px 1px 0px;
	line-height:2em;
	width:235px;
}

.tree_link
{
	font-weight: normal;
	background-image: url('../custom/item.gif');
	background-position: center left;
	background-repeat: no-repeat;
	background-color:transparent;

}

.tree_link_active
{
	color: #C0471F;
	font-weight: bold;
	background-image: url('../custom/item_active.gif');
	background-position: center left;
	background-repeat: no-repeat;
	background-color:transparent;
}

.tree_node
{
	width:100%;
}

/*filtered nodes*/
.tree_node_invisible
{
	display: none;
}

.tree_node_grayed
{
	color: gray;
}

/***************************
	Tab Menu
***************************/
.tabset_nav
{
	background-color: transparent;
	background-image: url('../custom/tabs.gif');
	width: 100%;
	height:27px;
}

.tab
{
	font-size: 13px;
	background-color: transparent;
	text-decoration: none;
	font-family: Arial;
	font-weight: normal;
	color:#FFFFFF; /* color of inactive tab font */
}

.tab_link_active
{
	background-color: #ffffff;
	height:21px;
	font-weight: bold;
	color: #000000; /* color of active tab font */
}

/***************************
	Button Menu
***************************/
.button
{
	padding-left: 19px;
	
	background-position: 0px 5px;
	background-image: url('../custom/button.gif');
	background-repeat:no-repeat;
}

/***************************
	Page Menu
***************************/
.page_previous_container
{
	text-align: center;
	width: 33%;
}

.page_select_container
{
	text-align: center;
	width: 33%;
}

.page_next_container
{
	text-align: center;
	width: 33%;
}

.page_link
{
	text-decoration: none;
	color: Maroon;
}

.page_option_active
{
	color: Red;
}

.page_button_disabled
{
	display: none;
}

/* filter options */
.page_option_grayed
{		
	color:Gray;	
}

.page_option_invisible
{
	display:none;
}

/***************************
	excursion.htm
***************************/
#excursion_header
{
	background-color: Gray;
	font-size: x-large;
	text-align: center;
	
	height: 1.5em;
}

#excursion_content
{
	top: 1.5em; /* == #excursion_header.height */
	bottom: 0px;
	right: 0px;
	left: 0px;
}

/***************************
	general buttons
***************************/
.close_button
{
	width: 11px;
	height: 11px;
	display: inline-block;
	cursor: pointer;
}

.close_button
{
    background-image: url('../custom/close_button.gif');
}

.menu_header
{
	text-align: right; /* close button should be on the right */
}

/***************************
	filter
***************************/
.filter_property
{
	border: solid 1px gray;
	margin: 5px;
	padding: 5px;
}

#filter_types
{
	border: solid 1px gray;
	margin: 5px;
	padding: 5px;
}

/***************************
	search
***************************/
#search_header
{
}

#search_input
{
	font-family:arial;
	font-size:13px;
	color:#003555;
	border: solid 0px gray;
	width:215px;
	margin: 0px;
	padding-top: 20px;
	padding-bottom: 20px;
}

.search_results_link 
{
	font-family:arial;
	font-size:13px;
	font-weight:normal;
	color:#0000ff;
}

.search_results_indent
{
	margin-left: 20px;
}

.search_results_node_grayed
{
	color:#003555;	
}

.search_results_node_invisible
{
	display: none;
}

.search_results_table td
{
	padding-left: 5px;
	padding-right: 5px;
	font-family:arial;
	font-size:13px;
	color:#003555;
}

/***************************
	Marking menu
***************************/
.mark_option
{
	font-size:small;
}

.mark_option:hover
{
	color: Red;
}

/***************************
	document.htm
***************************/

.document
{
	font-family:arial; /* font of the document */
	font-size:13px;
	color:#003555;
	padding: 30px;
	margin: 0px;
	background-image: url('../custom/back_doc.gif');
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: top left;
	background-color:#ffffff;
	position: absolute;
	top: 0px;
	bottom:0px;
	left: 0px;
	right: 0px;
	overflow: auto;
}

.excursion
{
	width: 19px;
	height: 16px;
	
	background-image: url('../custom/excursion_4.gif');
}

.embed_toggle
{
	width: 19px;
	height: 16px;
}

.embed_toggle_opened
{
	background-image: url('../custom/embed_opened.gif');
}

.embed_toggle_closed
{
	background-image: url('../custom/embed_closed.gif');
}

.embed_content
{
	border: solid 1px gray;
	padding: 5px;
}

.tooltip
{
	color: Navy;
	cursor: pointer;
}

.link
{
	color: Blue;
	text-decoration: none;
	background-image:url("");
	padding-left:0px;
}

.link:hover
{
	color: Red;
}

.includeFrame
{
	width: 100%;
	border-width: 0px;
	border-style: none;
}

UL, LI
{
	margin-left: 20px;
}

H1
{
	font-family:arial; /* font of the H1-heading */
	font-size:19px;
	font-weight:bold;
	color:#1C587D;
}

H2
{
	font-family:arial; /* font of the H2-heading */
	font-size:17px;
	font-weight:bold;
	color:#1C587D;
}

H3
{
	font-family:arial; /* font of the H3-heading */
	font-size:15px;
	font-weight:bold;
	color:#1C587D;
}

H4
{
	font-family:arial; /* font of the H4-heading */
	font-size:13px;
	font-weight:bold;
	color:#1C587D;
}

TD
{
	font-family:arial; /* font of the table */
	font-size:13px;
	color:#003555;
	border-style:solid;
	border-width:1px 0px 0px 1px;
	border-color:#dcdcdc;
	padding:3px 5px 3px 5px;
}

TABLE
{
	border-style:solid;
	border-width:0px 1px 1px 0px;
	border-color:#dcdcdc;
}

/***************************
	Newsletter
***************************/
.newsletter
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
    font-weight: normal;
    color: #000000;
}
		
.newsletter * TABLE
{
    font-size: 9px;
    border-width:0px;
}
		
.newsletter * TR
{
    border-width:0px;
    font-size: 9px;
}
		
.newsletter * TD
{
    border-width:0px;
    font-size: 9px;
}

.afb_cel
{
    margin: 0px;
    padding: 0px;
    width: 120px;
    vertical-align: top;
}

.logo_cel
{
    margin: 0px;
    padding: 0px;
}

.grote_kop
{
    font-size: 18px;
    font-weight: bold;
    color: #365FA4;
    font-style: normal;
}

.links_inspr
{
    font-size: 11px;
    font-weight: bold;
    color: #000000;
    text-align: left;
    margin: 0px;
    padding-left: 40px;
}

.newsletter * a:link
{
    font-weight: bold;
    color: #365FA4;
}

.text_cel
{
    text-align: left;
    margin: 0px;
    padding: 5px;
    vertical-align: top;
}

.alinea_norm
{
    font-size: 11px;
    font-weight: normal;
    color: #000000;
    width:430px;
    vertical-align: top;
}

.alinea_klein
{
    font-size: 9px;
    font-weight: normal;
    color: #aaaaaa;
    width:430px;
    vertical-align: top;
    text-align:right;
}

.newsletter * a:visited
{
    font-weight: bold;
    color: #6D80B9;
}

.read_more
{
    font-size: 9px;
}

.discl
{
    font-size: 11px;
    font-style: italic;
    font-weight: normal;
    color: #666666;
}