/* global */

body{				background:			#303030 url('../images/bg_diag.gif') repeat;
					margin:				0px;
					font-family:		Verdana, Arial, Helvetica, sans-serif;
					font-size: 			0.8em;
					color:				#AAAAAA;
}
img{				border-style:		none;
					border-width:		0px;
					text-decoration:	none;
}
a:link{				color:				#AAAAAA}
a:visited{			color:				#AAAAAA}
a:hover{			color:				#D81E1E}
a:active{			color:				#D81E1E}

/* general layout: header/centre/footer */

#main{				
}

#header{			background:			#444444 url('../images/bg_fiber.gif') repeat;
					width:				100%;
					height:				50px;
}

#centre{			text-align:			center;
					border-top:			1px solid #222222;
}

#footer{			background:			#444444 url('../images/bg_fiber.gif') repeat;
					position:			fixed;
					bottom:				0px;
					width:				100%;
					height:				50px;
					border-top:			1px solid #222222;
					text-align:			center;
}

/* everything else, alphabetically */

#end_of_series{		display:			inline;
					position:			absolute;
}

#info{				background:			#303030 url('../images/bg_diag.gif') repeat;
					display:			inline;
					visibility:			hidden;
					position:			absolute;
					overflow:			auto;
					z-index:			1;
}

#info_button{		position:			fixed;
					bottom:				13px;
					left:				85px;
					cursor:				pointer;
}

#info_image{		width:				25px;
					height:				25px;
}

#info_close{		position:			absolute;
					right:				8px;
					top:				8px;
					width:				24px;
					height:				25px;
					cursor:				pointer;
}
#info_divider{		position:			absolute;
					left:				50%;
					height:				95%;
					margin-top:			10px;
					border-left:		solid 1px #D81E1E;
}
#info_left{			position:			absolute;
					margin-right:		50%;
					padding:			15px;
					padding-top:		40px;
					text-align:			left;
}
#info_right{		position:			absolute;
					margin-left:		50%;
					padding:			15px;
					padding-top:		40px;
					text-align:			left;
}

#logo{				margin-top:			14px;
					margin-left:		10px;
					width:				140px;
					height:				29px;
}

#mask{				background:			url('../images/mask_60.png') repeat;
					display:			none;
					position:			absolute;
					top:				0px;
					left:				0px;
					width:				100%;
					height:				100%;
}

#menu{				background:			#444444 url('../images/bg_fiber.gif') repeat;
					display:			none;
					position:			fixed;
					bottom:				50px;
					width:				auto;
					height:				auto;
					padding:			15px;
					margin-left:		4px;
					border:				1px solid #222222;
					cursor:				default;
					z-index:			1;
}
#menu a{			text-decoration:	none;
}
#menu ul{			list-style-type:	none;
					padding:			0px 0px 15px 0px;
					margin:				5px 0px 10px 0px;
					border-bottom:		solid 1px #AAAAAA;
					overflow:			visible;
}
#menu ul a:hover{	color:				#AAAAAA;
					border-bottom:		solid 2px #D81E1E;
}
#menu_button{		background:			#444444 url('../images/bg_fiber.gif') repeat;
					position:			fixed;
					left:				5px;
					bottom:				2px;
					padding:			10px;
					padding-top:		14px;
					font-size:			1.2em;
					font-weight:		bold;
					cursor:				default;
}
.menu_header{		font-weight:		bold;
}
#menu_image{		width:				53px;
					height:				24px;
}
#menu_languages{	margin-top:			10px;
					padding:			0px;
}
.menu_list_link{	margin-left:		12px;
}
#lang_en{			border-width:		0px;
					margin:				0px;
					width:				24px;
					height:				24px;
}
#lang_nl{			border-width:		0px;
					margin:				0px;
					width:				24px;
					height:				24px;
}

#message{			width:				580px;
					position:			fixed;
					top:				10px;
					left:				200px;
					height:				35px;
					overflow:			hidden;
					text-align:			center;
}

#next_button{		position:			fixed;
					top:				47%;
					margin-left:		10px;
					width:				32px;
					height:				32px;
}

#overlay{			display:			inline;
					position:			absolute;
					visibility:			hidden; /* changed with javascript */
}

#overlay_prev{		background:			url('../images/empty.gif') repeat; /* needed for IE */
					position:			absolute;
					margin-right:		50%;
					width:				50%;
					height:				100%;
					cursor:				pointer;
}
#overlay_next{		background:			url('../images/empty.gif') repeat; /* needed for IE */
					position:			absolute;
					margin-left:		50%;
					width:				50%;
					height:				100%;
					cursor:				pointer;
}

#pic{				margin-top:			0px; /* == (height - max height) / 2 */
}

#pic_title{			margin-top:			7px;
					font-weight:		bold;
					cursor:				default;
}
#pic_series{		margin-top:			3px;
					font-size:			0.75em;
					cursor:				default;
}
#pic_title:first-letter{color:			#d81e1e;
}

#prev_button{		position:			fixed;
					top:				47%;
					margin-left:		-42px;
					width:				32px;
					height:				32px;
}