/* shades of green  		Text:#006B00, Lines:#006B00, Background:#DFD */
/* shades of red: 			Text:#CC0033, Lines:#CC6666 Background:#DCC*/ 	
/* shades of grey: 		*/

body {
	background-image:url(/layout/img/bg-top_greenline.gif);
	background-position:0px 0px;
	background-repeat:repeat-x;
	padding:0px;
	 min-width:506px;
	margin: 0% 3% 0% 8%;
	width:89%;
	/*padding-top:146px; // */
	/*float:left; // */
	/* border: 1px dotted red; // */
}
.center {
	text-align:center;
}
* {
	font-family:"Gill Sans", "Gill Sans MT", "Lucida Sans", Tahoma, Verdana, sans-serif;
	letter-spacing:0.01em;
	line-height:1.3em;
}
p.nospacer { 
	margin-top:0px;
}

#top{
	width:100%;
	height:61px;
	direction:rtl;
	border-bottom: 3px solid #006B00;
	/* position:absolute;  // funktioniert nicht, denn die Elemente müssen in der Body-Spalte nacheinander aufgeführt werden. Wird der Layer absolut positioniert, kann er nicht mehr zentriert werden.   // */
	/*border: 1px dotted blue;  // */
	/* background-color:#CCC; // */
}
#lang {
	position:absolute;
	/* border: 1px dotted grey; // */
}
#tree {
	background-image:url(/layout/img/uts-tree-en.gif);
	background-position:0px -1px;	/* to be adjusted below for MSIE */
	background-repeat:no-repeat;
	position:relative;
	padding:0px;
	right:55px;
	height:61px;	/* to be adjusted below for MSIE */
	width:450px;
	/* border: 1px dotted grey; // */
}
#tree[lang=de] {
	background-image:url(/layout/img/uts-tree-de.print.gif);
}
* html #tree {
	/* MSIE box model fix : Star HTML Selector only interpreted by MSIE */
	background-position:0 14px;
	height:76px;	
}
#main {
	float:left;
	margin:0%;		/* to be adjusted below for MSIE */
	padding-top:16px;	/* to be adjusted below for MSIE */
	font-size:medium;
	/* border: 1px dotted red; // */
	/* background-color:#CCC; // */
}
* html #main {
	/* MSIE box model fix : Star HTML Selector only interpreted by MSIE < 7.0*/
	margin-top:16px;
	padding-top:0px;
}
*:first-child+html #main {
	/* MSIE box model fix : Star-Plus-HTML Selector only interpreted by MSIE 7.x */
	margin-top:16px;
	padding-top:0px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	/* Safari 3.0 and Chrome rules here */
	/* Hack from http://themechanism.com/blog/2008/01/08/safari-css-hack-redux/ */
	#main {
		font-size:small;
	}
}
#navigation {
	/* display:none; // */ 
	position:absolute;
	top:65px;
	margin-left:-16px;
	width:100%;
	float:left;
	padding-left:16px;
	/* border:1px dashed green; // */
}
#breadcrumbs-print {
	display:inline;
}
#content, #content_with_supplement_right, #cwsr {
	position:relative;
	margin-left:0px;
	margin-top:46px;
	min-width:342px;
	/* border:1px dashed silver; // */
	/* background-color:#DFD; // */
}
#content_with_supplement_right, #cwsr {
	margin-right:196px;
	min-width:342px;
	/* background-color:#DFD; // */
}
#supplement {
	position:relative;
	float:right;
	width:180px;
	margin-right:-196px;		/* to be adjusted below for MSIE */
	margin-left:16px;
	font-size:85%;
	/* background-color:#DCC; // */
}
* html #supplement {
	/* MSIE box model fix : Star HTML Selector only interpreted by MSIE */
	margin-right:-98px; 
}
div.green {
	padding:0px 2px;
	background-color: #DFD;
}
div.red {
	background-color: #DCC;
}
*.green hr {
	padding:0px; border: 2px solid white;
}
#content_with_supplement_right.drop div.green , #cwsr.drop div.green {
	/* drop says the green background is hanging down from the green title bar */  
	margin-top:-62px;
	padding-top:62px;
	padding-bottom:32px;
	height:100%;
}
#footer{
	position:relative;
	clear:left;
	background-image:url(/layout/img/bg-bottom_greyline_print.gif);
	background-position:0px 32px;
	background-repeat:repeat-x;
	left:-8.9%;
	width:124.9%;
	/* float:left;  // */
	/* border: 1px dotted blue; // */
	/* background-color:#CCC; // */
}
#footerbody {
	padding:0px;
	/* min-width:430px; // */
	margin: 0px 7.1%;
	padding-top:32px;
	width:79.9%;

	color:#999; /* modified for Print-version */
	font-size:x-small;

	/* border: 1px dotted red; // */
}
div.img_right {
	width:150px; 
	padding-left:6px;
	padding-top:0.33em; 
	padding-bottom:0.33em;
	float:right;
	font-style:italic;
}
div.img_right_180 {
	width:180px; 
	padding-left:6px;
	padding-top:0.33em; 
	padding-bottom:0.33em;
	float:right;
	font-style:italic;
}
p { 
	margin-bottom:0px;
}
h1 { 
	margin-bottom:0px;
	font-size:120%; 
	font-weight:normal; 
	color:green; 
	text-transform:uppercase; 
	letter-spacing:0.10em;

	page-break-inside:avoid;
	page-break-after:avoid;
}
h2 { 
	margin-bottom:0px;
	margin-top:2.6em; 
	border-top:1px solid black; 
	padding-top:0.5em; 
	font-size:100%; 
	font-weight:normal; 
	color:black; 
	text-transform:uppercase; 
	letter-spacing:0.10em;
	
	page-break-inside:avoid;
	page-break-after:avoid;
}
h3 { 
	margin-top:0px;
	padding-top:1.3em;
	font-size:92%; 
	font-weight:bold; 
	color:black; 
	text-transform:none; 
	font-style:normal;
	letter-spacing:0.03em;
	margin-bottom:-1em;
	
	page-break-inside:avoid;
	page-break-after:avoid;
}
h4 { 
	margin-bottom:0px; 
	padding-bottom:0px;
	font-weight:normal; 
	font-style:italic; 
	letter-spacing:0.02em;
	
	page-break-inside:avoid;
	page-break-after:avoid;
}
em { 
	letter-spacing:0.02em;
}
h1 + p.lead, h2 + p.lead, h4 + p { 
	margin-top:0px;
}
p.lead {
	font-weight:bold;
}
a, a:link, a:visited {
	color:green;
	/* color:#C03; // */
	text-decoration:underline;
}
a:focus, a:hover, a:active, .toplink a:hover {
	color:#C03;
	text-decoration:underline;
}
ul { 
	margin-left:0px; 	/* MSIE-fix */
	padding-left:0px; 	/* MSIE-fix */
	margin-top:0px; 
	padding-top:0px;
	padding-left:1em;
	/* background-color:silver; // */
}
a img {
	border: 0px;
	/* border-top: 1px solid white; // */
	/* border-bottom: 1px solid white; // */
	text-decoration:none;
}
#supplement a img {
	border-top: 1px solid #006B00;
	border-bottom: 1px solid #006B00;
}
#supplement a:focus img, 
#supplement a:hover img, 
#supplement a:active img {
	border-top: 1px solid #C66;
	border-bottom: 1px solid #C66;
}

.toplink a {
	display:none;
	float:right;
	margin-top:40px;
	padding-right:10px;
	padding-left:10px;
	color:white; 
	text-decoration:none;
	direction:rtl;
	background-image:url(/layout/img/red-triangle-to-the-top.gif);
	background-position:30px 4px;;
	background-repeat:no-repeat;
	text-transform:uppercase;
	font-size:.8em;	
	letter-spacing:0.1em;
}
p.img {
	font-style:italic;
}
table.invisible td {
	margin:0px; 
	padding:0px;
	padding-right:0.5em;
}
table.invisible td.right {
	padding:0px;
	padding-left:0.5em;
	text-align:right;
}
form#newsletter  input[type=text] {
	margin-top:2px;
	border:1px solid white;
	font-size:0.9em;
}
form#newsletter.inactive input[type=text] {
	border:1px solid white;
	font-size:0.9em;
	color:grey;
}
form .invisible, span.invisible, form.invisible {
	display:none;
}
form p.error {
	display:block;
	color:#ECC;
}
form#newsletter  input.error[type=text] {
	margin-top:2px;
	border:1px solid #ECC;
	font-size:0.9em;
}
#breadcrumbs-print * {
	/* font-weight:bold; // */
	color:#006B00;
	font-size:x-small;
	font-weight:bold;
	text-transform:uppercase;
	letter-spacing:0.1em;
}

.flowplayer_right_180, 
.flowplayer_right_376 {
	display:block;
	width:180px;
	height:120px;
	margin-left:6px;
	margin-top:1.33em; 
	margin-bottom:0.33em;
	float:right;
	font-style:italic;
}
.flowplayer_right_180 a img ,
.flowplayer_right_376 a img {
	position:relative;  	/* this way the text renders over the image */ 
	width:180px;
	height:100px;
}
.flowplayer_info {
	position:relative; 
	/* width:350px; */  
	bottom:3em; 
	margin-top:0em;
	padding:2px 6px 5px 6px; 
	z-index:1;
	background-color:white;
	filter:alpha(opacity=70);
		-moz-opacity:0.7;
		-khtml-opacity: 0.7;
		opacity: 0.7;
}
.flowplayer_info, .flowplayer_info a:link, .flowplayer_info a:visited, .flowplayer_info a:focus, .flowplayer_info a:hover, .flowplayer_info a:active, .flowplayer_info a:hover {
	/* font-size:80%;
	/* color:black; */
	text-decoration:none;
	font-style:normal;
}

#menu, #menu ul  {
	display:inline;
	margin-top:3px;
	/* border: 1px dotted yellow; // */
	padding:0px; 
	color:#006B00;
}
#menu ul ul {
	display:none;
}
#menu li.active ul,  #menu li.activeparent ul, #menu li.mouseover ul  {
	display:inline; 
	margin-left:1px; 
	padding-left:0px;
	/*  border-left:1px solid #006b00; // */
}
#menu ul * {
	/* font-weight:bold; // */
	color:#006B00;
}

#menu li {
	display:none;
	list-style-type:none;
	white-space:nowrap;
	padding-top:2px;
	padding-bottom:2px;
	/* line-height:17px; // */
	font-size:x-small;
	font-weight:bold;
	text-transform:uppercase;
	letter-spacing:0.1em;
	/* color:#006B00; // */
	/* list-style-type:none; // */
}
#menu li.mouseover, #menu li.active li.mouseover {
	margin-left:-2px;
	padding-left:2px;
	background-color:#ECC;
}
#menu li.activeparent, #menu li.active {
	display:inline;
	margin-left:8px;
	padding-left:15px;
	background-image:url(/layout/img/green-triangle-to-the-right.gif);
	background-position:-3px 1px;
	background-repeat:no-repeat;
}
#breadcrumbs-print a,  #breadcrumbs-print a:link, #breadcrumbs-print a:visited
#menu a,  #menu a:link, #menu a:visited {
	display:inline;
	color:#006B00;
	text-decoration:none;
	letter-spacing: 0.1em;
	width:100%;
}
#breadcrumbs-print li.active a:hover, 
#menu li.active a:hover {
	color:#006B00;
	cursor:default;
	/* color:#CCC; // */
	/* text-decoration:none; // */
	/* margin-left:-10px; // */
	/* padding-left:10px; // */
	/* background-image:url(layout/img/grey-triangle-to-the-right.gif); // */
	/* background-position:-2px; // */
	/* background-repeat:no-repeat; // */
}
breadcrumbs-print
#breadcrumbs-print a:focus, #breadcrumbs-print a:hover, #breadcrumbs-print a:active, #breadcrumbs-print li.mouseover a, #breadcrumbs-print li.active li.mouseover a:hover, 
#menu a:focus, #menu a:hover, #menu a:active, #menu li.mouseover a, #menu li.active li.mouseover a:hover {
	color:#C03;
	text-decoration:none;
	background-image:none;
}

#pageheader ul {
	float:right;
	width:196px;
	margin-top:1.3em;
	margin-bottom:0px;
	border-top:1px solid #C66;
	border-bottom:1px solid #C66;
	border-left:16px solid white; 
	/* border-right:16px solid white; // */ 
	background-image:url(/layout/img/redbar-bright.gif);
	background-position:0px -3px;
	background-repeat:repeat-x;
	padding-top:2px;
	padding-left:0px;
	padding-bottom:10px; 
	list-style-type:none;
}
#pageheader p {
	padding-right:16px;
	font-weight:bold;
}
#pageheader a {
	color:#C03;
	text-transform:uppercase;
	font-size:.8em;	
	letter-spacing:0.1em;
	text-decoration:none;
	background-image:url(/layout/img/red-triangle-to-the-bottom.gif);
	background-position:-2px 3px;
	background-repeat:no-repeat;
	display:block;
	color:#C03;
	text-decoration:none;
	padding-left:16px;
}
#pageheader a:focus, #pageheader a:hover, #pageheader a:active {
	color:#C03;
	text-decoration:underline;
	background-position:-2px 3px;
}

#footer a,  #footer a:link, #footer a:visited {
	color:#CCC;
	text-decoration:none;
	white-space:nowrap;
}
#footer a:focus, #footer a:hover, #footer a:active {
	color:#C03;
	text-decoration:underline;
}