/* $Id: stylesheet.css 5395 2012-01-30 19:22:11Z arne $ */

@media all {

	/* General formatting */

	* {
		border: none;
		color: #000000;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		font-style: normal;
		line-height: 17px;
		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: 768px;
	}

	#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/logo-uni-off.gif);
		width: 80px;
	}

	#page #header #overview #tzi a {
		background: url(../images/logo-tzi-off.gif);
		width: 80px;
	}
	
	#page #header #overview #lgs a {
		background: url(../images/logo-lgs-off.gif);
		width: 80px;
	}

	#page #header #overview #xing a {
		background: url(../images/logo-xing-off.gif);
		height: 45px;
		width: 95px;
	}

	#page #header #overview #gi a {
		background: url(../images/logo-gi-off.gif);
		height: 45px;
		width: 105px;
	}

	#page #header #overview #uni a:hover {
		background: url(../images/logo-uni-on.gif);
	}

	#page #header #overview #tzi a:hover {
		background: url(../images/logo-tzi-on.gif);
	}

	#page #header #overview #lgs a:hover {
		background: url(../images/logo-lgs-on.gif);
	}

	#page #header #overview #xing a:hover {
		background: url(../images/logo-xing-on.gif);
	}

	#page #header #overview #gi a:hover {
		background: url(../images/logo-gi-on.gif);
	}


	/* Contact formatting */

	#page #contact {
		float: left;
		padding: 25px 15px 25px 20px;
		width: 205px;
	}

	#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 {
		padding: 5px 0 0 0;
	}

	#page #contact p {
		padding: 5px 0 25px 0;
	}

	#page #contact #book {
		 margin: 40px 0 40px 0;
	}

	/* Content formatting */

	#page #content {
		float: left;
		padding: 25px 20px 0 20px;
		width: 488px;
	}

	#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 {
		clear: both;
		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;
	}

	#page .basetext p {
		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 .basetext p #book {
		 float: right;
		 margin: 0 0 20px 20px;
	}

	#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;
	}

	#page #book {
		display: none;
	}
}