/* $Id: stylesheet.css,v 1.31 2010/01/09 13:11:17 arne Exp $ */

@media all {

	/* General formatting */

	* {
		border: none;
		color: #000000;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		font-style: normal;
		list-style: none;
		margin: 0;
		padding: 0;
		text-decoration: none;
	}
	
	
	/* Page formatting */
	
	body {
		background: #e5e5e5 url(../images/header.gif) no-repeat top center;
		padding: 0 0 50px 0;
		text-align: center;
	}
	
	#body:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
	}
	
	#page {
		background: url(../images/content.gif) repeat-y;
		margin: auto;
		text-align: left;
		width: 800px;
	}
	
	#page abbr {
		cursor: help;
	}
	
	
	/* Header formatting */
	
	#page #header {
		background: #cccccc url(../images/header.jpg) no-repeat 0 45px;
		height: 250px;
		position: relative;
	}
	
	#page #header h1 span {
		display: none;
	}
	
	#page #header #overview li {
		float: left;
	}
	
	#page #header #overview #xing,
	#page #header #overview #gi {
		float: right;
	}
	
	#page #header #overview li a {
		display: block;
		height: 70px;
	}
	
	#page #header #overview li a span {
		display: none;
	}
	
	#page #header #overview #uni a {
		background: url(../images/unibremen-off.gif);
		width: 80px;
	}
	
	#page #header #overview #tzi a {
		background: url(../images/tzi-off.gif);
		width: 85px;
	}
	
	#page #header #overview #lgs a {
		background: url(../images/logisticsgs-off.gif);
		width: 85px;
	}
	
	#page #header #overview #xing a {
		background: url(../images/xing-off.gif);
		height: 45px;
		width: 95px;
	}
	
	#page #header #overview #gi a {
		background: url(../images/gimember-off.gif);
		height: 45px;
		width: 105px;
	}
	
	#page #header #overview #uni a:hover {
		background: url(../images/unibremen-on.gif);
	}
	
	#page #header #overview #tzi a:hover {
		background: url(../images/tzi-on.gif);
	}
	
	#page #header #overview #lgs a:hover {
		background: url(../images/logisticsgs-on.gif);
	}
	
	#page #header #overview #xing a:hover {
		background: url(../images/xing-on.gif);
	}
	
	#page #header #overview #gi a:hover {
		background: url(../images/gimember-on.gif);
	}
	
	#page #header #navigation {
		background: #ffffff;
		bottom: 0;
		height: 25px;
		right: 0px;
		position: absolute;
		width: 550px;
	}
	
	#page #header #navigation li {
		float: left;
	}
	
	#page #header #navigation li a {
		display: block;
		font-size: 12px;
		font-weight: bold;
		padding: 10px 10px 0 20px;
	}
	
	
	/* Contact formatting */
	
	#page #contact {
		float: left;
		padding: 25px 20px 25px 20px;
		width: 210px;
	}
	
	#page #contact h1 {
		font-size: 14px;
	}
	
	#page #contact h2,
	#page #contact h2 a {
		font-size: 12px;
		padding: 15px 0 0 0;
	}
	
	#page #contact p,
	#page #contact address {
		line-height: 16px;
		padding: 5px 0 0 0;
	}
	
	#page #contact p {
		padding: 5px 0 25px 0;
	}
	
	
	/* Content formatting */
	
	#page #content {
		float: left;
		padding: 25px 20px 0 20px;
		width: 510px;
	}
	
	#page #content a {
		background: url(../images/dot-off.gif) no-repeat 2px 3px;
		padding: 0 0 0 15px;
	}
	
	#page #content a:hover {
		background: url(../images/dot-on.gif) no-repeat 2px 3px;
		text-decoration: underline;
	}
	
	#page #content a:hover b {
		text-decoration: underline;
	}
	
	#page #validity {
		color: #999999;
		float: left;
		padding: 20px;
		width: 210px;
	}
	

	/* Text formatting */
	
	#page #content .container {
		clear: both;
		margin: 0 0 20px 0;
	}
	
	#page #content .element {
		clear: both;
		padding: 10px 0 0 0;
		margin: 0 0 0 20px;
	}
	
	#page #content .container .header h1 {
		clear: both;
		margin: 0 0 10px 0;
	}
	
	#page #content .container h1 span,
	#page #content .container h1 span a {
		font-size: 15px;
		font-weight: bold;
	}
	
	#page #content .container h2 {
		margin: 0 0 10px 0;
	}
	
	#page #content .container h2 span,
	#page #content .container h2 span a {
		font-size: 12px;
		font-weight: bold;
	}
	
	#page .basetext {
		clear: both;
		padding: 0 0 10px 0;
		width: 100%;
	}
	
	#page .basetext p {
		line-height: 15px;
		margin: 0;
	}
	
	#page .basetext p.small {
		margin: 6px 0 0 0;
	}
	
	#page .basetext p.medium {
		margin: 11px 0 0 0;
	}
	
	#page .basetext p.large {
		margin: 22px 0 0 0;
	}
	
	#page ol.institutes li {
		list-style-position: outside;
		list-style-type: decimal;
		margin-left: 25px;
		padding-top: 5px;
	}
	
	#page ol.institutes li.first {
		padding-top: 0;
	}
}

@media print {

	body {
		background: none;
		padding: 0;
		text-align: center;
	}
	
	#page {
		background: none;
		width: auto;
	}

	#page #header,
	#page #contact h2,
	#page #contact address,
	#page #backhome,
	#page #validity {
		display: none;
	}

	#page #contact {
		padding: 0 0 50px 0;
		width: auto;
	}

	#page #content {
		clear: both;
		padding: 0;
		width: auto;
	}
	
	#page #content a,
	#page #content a:hover {
		background: none;
		padding: 0;
		text-decoration: none;
	}
	
	#page #content .element {
		margin: 0;
	}
}