/*
 * Pansensack CSS
 */


/* General settings */

body {
	margin: 0;
	background-color: #c2d7f7;
	font-size: 12px;
	font-family: sans-serif;
	color: #264068;
}

h2 {
	font-size: 12px;
	border-bottom-style: solid;
	border-width: 1px;
	border-color: white;
	padding: 0;
	padding-left: 20px;
	margin: 0;
}

p {
	margin-top: 0;
}

img {
	border-style: none;
}

a {
	color: #264068;
	text-decoration: underline;
}

.bullet { /* To mark selected links */
	vertical-align: 10%;
	margin-right: 2px;
}

table {
	margin-top: 5px;
	font-weight: normal;
	width: 100%;
}

td {
	background-color: white;
	padding: 5px;
}


/* Titlebar */

#titlebar {
	position: absolute;
	top: 0;
	background-image: url(images/title_oo.gif);
	width: 100%;
	height: 144px;
	text-align: center;
}

#titlebar img {
	display: block;
	margin: auto;
}

#qcont {
	position: absolute;
	z-index: 2;
	top: 144px;
	width: 100%;
	text-align: center;
}

#questionmark {
	margin: auto;
	width: 402px;
	height: 47px;
	text-align: left;
}

#qm {
	display: block;
	position: relative;
	left: 344px;
}

#validator {
	position: absolute;
	bottom: 0;
	right: 0;
	padding: 10px;
}


/* Container for the whole page except the titlebar.
 * As usual, IE bugs make life more difficult. */

#container {
	position: absolute;
	top: 144px;
	left: 0;
	width: 100%;
	text-align: center;
}

#center {
	position: relative;
	margin: auto;
	text-align: left;
	max-width: 972px;
}


/* Navigation menu */

#navigation {
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	width: 200px;
}

#navigation ul {
	list-style-type: none;
	margin-left: 10px;
	margin-top: 10px;
	border-style: solid;
	border-width: 1px;
	border-color: #8394ae;
	padding: 0;
}

#navigation li {
	padding: 4px;
	padding-left: 0;
	border-color: #8394ae;
	border-width: 1px;
	border-top-style: dashed;
}

#navigation li.normal {
	background-color: #d1e2fc;
}

#navigation li.selected {
	/*background-color: #ebe1c0;*/
	background-color: #f6fcff;
}

#navigation ul.submenu li.normal {
	background-color: #dde2e1;
}

#navigation ul.submenu li.selected {
	/*background-color: #f3e2a5;*/
	background-color: #f6f8f7;
}

#navigation a {
	display: block;
	text-decoration: none;
	padding-left: 7px;
}

#navigation li.head {
	padding: 0;
	background-image: url(images/menutitle.gif);
	font-weight: bold;
	height: 24px;
	border-style: none;
	padding-left: 4px;
}

#navigation li.head a {
	padding: 4px;
}

#navigation ul.submenu li.head {
	background-image: url(images/submenutitle.gif);
}

li.head .mitem {
	background-image: none;
	padding-left: 5px;
}


/* Content area */

#shift {
	position: relative;
	padding-left: 210px;
	padding-right: 10px;
}

#content {
	position: relative;
	background-color: #d1e2fc;
	border-style: solid;
	border-top-style: none;
	border-width: 1px;
	border-color: #8394ae;
	text-align: justify;
	padding-top: 10px;
	margin-bottom: 10px;
}


/* This bumper is a candidate for the worst hack ever. */

#bumper {
	position: relative;
	top: -10px;
	height: 40px;
}

#bumpertext {
	position: absolute;
	color: #d1e2fc;
}

#hidebumper {
	position: absolute;
	width: 100%;
	height: 40px;
	background-color: #d1e2fc;
}


/* Index menu in the content area */

.xitem {
	margin-top: 20px;
	margin-left: 20px;
}

.thumbed {
	height: 120px;
}

.xitem .thumbnail {
	float: left;
	margin: 0px 10px 10px 0px;
}

.xitem .head {
	margin-bottom: 10px;
}


/* Context menu (i.e. a submenu in the content area) */

.contextmenu {
	position: absolute;
	top: 0;
	z-index: 3;
	padding: 20px;
}

.contextmenu a {
	margin-right: 10px;
}


/* Marginal area of the content sheet */

#cmargin {
	z-index: 2;
	float: right;
	position: relative;
	top: 0;
	padding-top: 20px;
	padding-right: 20px;
}

.image {
	position: relative;
	margin: 0 0 10px 10px;
	padding: 1px;
	background-color: #c2d7f7;
	border-style: solid;
	border-width: 1px;
	border-color: #8394ae;
}

.image img {
	display: block;
}

.mcontain {
	width: 260px;
	margin: 0 0 10px  10px;
	border-style: none;
	border-width: 0px;
}

.marginal {
	padding: 1px;
	background-color: #c2d7f7;
	border-style: solid;
	border-width: 1px;
	border-color: #8394ae;
}

.marginal .text {
	padding: 5px;
	margin-bottom: 5px;
	background-color: white;
}

.subtext {
	font-size: 11px;
}


/* Main area of the content sheet */

#cbody {
	margin: 0;
	position: relative;
	padding: 20px;
}

.bigimage img {
	display: block;
}

.clear {
	/* This is a dirty trick.
	   It is a substitute for clear:right, which causes IE to mess with the surrounding div in some cases.
	*/
	width: 500px;
	height: 1px;
}


/* Misc */

.dltable { /* download table */
	background-color: #c2d7f7;
	margin-top: 10px;
	padding: 1px;
	max-width: 650px;
	width: 680px; /* this is a temporary hack around IE. Must be improved. TODO. */
	border-style: solid;
	border-width: 1px;
	border-color: #8394ae;
	font-weight: bold;
}

.download  img {
	margin-right: 4px;
}

.tcaption { /* table caption */
	padding: 5px;
	padding-bottom: 0;
}

.declare {
	font-weight: normal;
	padding: 5px;
}

.pcontain {
	float: left;
	position: relative;
	margin-right: 20px;
}

.portrait {
	float: left;
	margin-right: 10px;
}