h1 { 
	display:block;
	text-align:center;
	font-size:22px;
	font-weight:normal;
	color:#437897;
	background-color:#eff7fc;
	background-image:url("bg.jpg");
	background-position:0px -120px;
	background-repeat:repeat-x;
	padding:2px 4px 2px 4px;
	/*border:none;*/
	margin:0px;
}

.headline-top, .headline-bottom {
	display:block;
	/*width:630px;*/
	width:100%;
	position:relative;
	background-repeat:repeat-x;
	font-size:1px; /* IMPORTANT: Fixes a bug in Internet Explorer where this div expands and/or moves vertically when hovering over links causes the links' border-bottom to change */
}
.headline-top {
	display:none;
}
.headline-bottom {
	background-image:url("bg.jpg");
	background-position:0px -90px;
	height:1px;
	margin-bottom:10px;
}

h2 {
	font-size:18px;
	color:#437897;
	font-weight:normal;
}

h3 {
	font-size:16px;
}

h4 {
	font-size:14px;
	margin:0px;
	padding:0px;
	padding-top:4px;
}

a, a:visited {
	color:#006699;
}

a:hover {
    color:#990000;
}

td.middle a, td.middle a:visited, td.middle a:hover {
	padding:0px;
	margin:0px;
	text-decoration:none;
}

td.middle a , td.middle a:visited {
	color:#006699;
	border-bottom:1px dotted #006699;
}

td.middle a:hover {
    color:#990000;
	border-bottom:1px dotted #ffffff;
}

td.middle .image a, td.middle .image a:visited {
	border:none;
}

a img {
	text-decoration:none;
	border:none;
}

.error {
	font-size:14px;
	color:#AA0000;
	display:block;
	text-align:center;
	width:100%;
	background-color:#FFCCFF;
}

.bigtext {
	font-size:1.25em;
}

td.middle {
}

.leftfloated {
	float:left;
}

.rightfloated {
	float:right;
}

.languageswitch {
	padding:5px;
	letter-spacing:0.1em;
	overflow:auto;
	float:right;
}

.languageswitch a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.9em;
	font-weight:bold;
	text-decoration:underline;
	color:#006699;
}

.languageswitch a:hover {
	color:#990000;
}

.flag {
	float:left; 
	padding-top:1px;
}

.sibling-link {
	float:left;
	text-indent:4px; 
}

.paragraph {
	float:none;
	clear:both;
	margin-bottom:20px;
}

.frame, .infobox {
	background-color:#fcfcfc;
	border:1px dotted #cccccc;
	border:1px solid #cccccc;
}





/*****************************/
/*    "did you know"-boxes   */
/*****************************/
.infobox {
	display:block;
	overflow:auto;
	clear:both;
	float:none;
	padding:4px;
	/*background-color:#94bfdc;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#ffffff;
	border:1px solid #777777;
	border-top-color:#cccccc;
	border-left-color:#cccccc;*/
}

.infobox img {
	float:left;
	padding:2px 4px 4px 4px;
	margin-right:4px;
}

td.middle .infobox a img {
	border:none;
	border-bottom:none;
	text-decoration:none;
}

.infoheading {
	display:block;
	padding:0px 4px;
	margin-bottom:4px;
	font-weight:normal;
	font-size:18px;
	background-color:#cccccc;
	background-image:url("bg.jpg");
	background-position:0px -70px;
	border-bottom:1px solid #76abca;
	color:#FFFFFF;
}
/***************************************************************************/





/*****************************/
/*       image frames        */
/*****************************/

/* NOTE: span.frame and div.frame have some different behaviour and values */
span.frame {
	padding:4px;
	display:table;
	/*float:left;
	clear:left;
	margin:0px 8px 8px 0px;*/
	/* Above is left-floated, below right-floated */
	float:right;
	clear:right;
	margin:0px 0px 8px 8px;
}

div.frame {
	float:none;
	clear:both;	
	margin:4px auto; /* 4px separates the poster-image boxes if there are several in a row */
	text-align:center;
}

div.frame img {
	margin:4px;
}

.illustration {
	width:200px;
	clear:both;
	float:left;
}

.image {
	clear:right;
	display:block;
	width:200px;
}

.image a.thumbnail, .image a.thumbnail:visited {
	/*border:none;
	text-decoration:none;*/
}

/* text formatting: image text and image source */
.illustration .imagetext {
	font-size:0.85em;
	float:left;
	clear:both;
	/*font-style:italic;*/
	font-weight:bold;
	padding-top:2px;
	display:table-cell;
}

/* Common values for image credits */
div.frame .imagesource, .illustration .imagesource {
	color:#aaaaaa;
	/*letter-spacing:1px;*/
	font-size:0.8em;
	font-style:normal;
	text-align:right;
}

/* Credit text on floated images */
.illustration .imagesource {
	float:left;
	width:200px;
	clear:both;
}

/* Credit text on big, non-floated images */
div.frame .imagesource {
	display:block;
	float:none;
}

div.frame .imageinfo {
	text-align:left;
	display:block;
	padding:4px;
	font-size:0.9em;
	margin-top:5px;
	/*font-style:italic;*/
	font-weight:bold;
}
/***************************************************************************/


.link {
	display:block;
	padding:4px 0px;
}




/*****************************/
/*         galleries         */
/*****************************/

/* Thumbnails (links to larger images) */
.gallery .gallerythumb a.thumbnail {
	border:none;
	border:1px solid #eeeeee;
	text-decoration:none;
	display:table-cell;
	vertical-align:middle;
	width:140px;
	height:142px;
	position:relative;
	/*border:1px solid red;*/
}

/* Hovering over thumbnails */
.gallery .gallerythumb a.thumbnail:hover {
	border:none;
	border:1px solid #cccccc;
	background-color:#eeeeee;
	text-decoration:none;
	display:table-cell;
}

/* Thumbnail wrapper */
div.thumbnail {
	display:table;		/* important because of vertical alignment */
	float:left;
	width:142px;
	height:142px;
	position:relative;
	/*overflow:visible;*/
}

/* Text links below the thumbnails */
.gallery-copyright-link {
	height:25px;
	width:100%;
	text-align:center; 
	position:relative;
}

/* Wrapper for thumbnail and text link */
.gallerythumb {
	display:block;
	float:left;
	clear:none;
	/*display:table;*/
	margin-right:15px;
	margin-bottom:20px;
	width:142px;
	height:160px;
	/*overflow:hidden;*/
	text-align:center; /* needed for thumbs to be horizontally centered in FF */
	position:relative;
}

.gallerythumb img {
	margin:0px;
	padding:0px;
	border:1px solid #eeeeee;
	top:0px;
	position:relative;
}

.gallerythumb a.thumbnail, .gallerythumb a.thumbnail:visited {
	/* needs a border, or border:none to work properly */
	border:1px solid #eeeeee; 
}

.gallerythumb a img {
}

.gallerythumb a:hover img {
}

#ZoomCaption { /* FancyZoom captions */
	padding-top:4px;
}





/********************************************/
/*   Menu: display stuff (hide sublevels)   */
/********************************************/

/* show the sublevels under the active menu item */
.sublevels#activesub {
	display:block;
}

/* hide the sublevels under menu items that are not active */
.sublevels {
	display:none;
}
/***************************************************************************/





/*****************************/
/*            QUIZ           */
/*****************************/
.alternative {
	clear:both; 
	float:none;	
	display:table; 
	width:95%;
}

.alternative-text {
	display:block;
	padding-top:2px;
	float:left; 
	width:85%; 
}

.oddrow, .evenrow {
	padding:4px 0px;
	display:block;
	float:left;
	width:90%;
	margin-bottom:4px;
}
.oddrow {
	background-color:#eeeeee;
}
.evenrow {
	background-color:#dddddd;
}


ol.cheatsheet li.question {
	
}

ul.nested {
	margin-top:0px;
	padding-top:0px;
}

li.question {
	margin-top:1.5em;
}

span.question {
	font-size:1.1em;
	font-weight:bold;
}
/***************************************************************************/
}