/* basic (please do changs also in basic.css for the editor!!!! */

* {
	margin:0;
	padding:0;
}

body, html {
	height: 101%;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;

	font-size: 13px;
	color: #333333;
}

img, a img {
	border: none;
}

p {
	font-size: 13px;
	line-height: 20px;
	color: #333333;
	margin-top: 8px;
	letter-spacing: 0.2px;
}

div.standard {
	font-size: 13px;
	line-height: 20px;
	color: #333333;
	letter-spacing: 0.2px;
}

h1 {
	font-size: 18px;
	text-transform: uppercase;
	color: #000;
	font-weight: normal;
	line-height: 22px;
	margin-bottom: 8px;
	letter-spacing: 0.3px;
}

h2 {
	font-size: 18px;
	color: #000;
	line-height: 24px;
	font-weight: normal;
	margin-top: 22px;
	margin-bottom: 0;
	letter-spacing: 0.3px;
}

h3 {
	font-size: 15px;
	color: #000;
	font-weight: normal;
	line-height: 18px;
	margin-top: 16px;
	margin-bottom: 0;
}

h4 {
	font-size: 13px;
	color: #000;
	font-weight: bold;
	line-height: 16px;
	vertical-align: bottom;
	margin-top: 16px;
	margin-bottom: 0;
}

sub {
	line-height: 0;
	margin: -5px 0 -10px -1px;
}
sup {
	line-height: 0;
	margin: -10px 0 -3px -1px;
}

.dblcklick_admin {
/*	cursor: crosshair;
	text-decoration: blink; */
}

	
div#content a:link, div#content a:active, div#content a:visited,
div#teasers a:link, div#teasers a:active, div#teasers a:visited { /* "a:link, a:active, a:visited" in basic.css */
	color: #333333;
	font-weight: bold;
	text-decoration: none;
}

div#content a:hover { /* "a:hover" in basic.css */
	text-decoration: underline;
}

div#content ol, div#content ul { /* "ol, ul" in basic.css */
	font-size: 13px;
	line-height: 20px;
	list-style-position: outside;
	margin-left: 18px;
	margin-top: 8px;
	margin-bottom: 8px;
}

div#content li { /* "li" in basic.css */
	margin-bottom: 5px;
}


/* WISIONS specific CSS */

body {
	background-image: url(../images/layout/wisions_logo.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

#container {
	width: 820px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

/* Header-Bereich mit Logo, Menü 2 und Suchformular */

#header {
	height: 116px;
	width: 820px;
}
  #header2 {
  	position:absolute;
	height: 116px;
	width: 820px;
	background-image: url(../images/layout/header2_bg.gif);
  }

	#homebutton {
		height: 116px;
		width: 200px;
		position: absolute;
		left: 0;
		top: 0;
		border: none;
	}
	
	    #search_field {
			background-image: url(../images/layout/searchform_field.gif);
			margin: 0px;
			height: 20px;
			width: 136px;
			border: 0;
			position: absolute;
			top: 6px;
			right: 22px;
			font-size: 11px;
			line-height: 20px;
			vertical-align: middle;
			padding: 0px;
			text-indent: 5px;
		}
        #search_submitbutton {
			background-image: url(../images/layout/searchform_button.gif);
			margin: 0px;
			padding: 0px;
			height: 20px;
			width: 21px;
			position: absolute;
			top: 6px;
			right: 1px;
			border: none;
			cursor: pointer;		
		}
        #search_radios {
			margin: 0px;
			padding: 0px;
			width: 157px;
			position: absolute;
			top: 35px;
			right: 1px;
			font-size: 11px;
			color: #424242;
			line-height: 18px;
		}
	    .search_radio {
		
		}
		
		#content_view a.sr_link:link, #content_view a.sr_link:visited, #content_view a.sr_link:active {
			font-weight: bold;
			font-size: 12px;
			line-height: 16px;
			color:  #333333;
		}
		#content_view p.searchresults a:hover {
			text-decoration: underline;
		}
		
		p.searchresults {
			color: #666666;
			font-size: 12px;
			line-height: 16px;
			margin-bottom: 10px;
		}
		.result {
			background-color: #FF9;
			color: #000;
		}

	
	#menu2 {
		position: absolute;
		right: 158px;
		top: 0;
		font-size: 11px;
	}
	
	#menu2 a:hover{
		text-decoration:underline;
	}
	
	#menu2 .active {
		font-weight: bold;
	}
	
		#menu2 ul {
			margin-top: 0;
			margin-bottom: 0;
			margin-right: 18px;
		}

			#menu2 ul li {
				vertical-align: middle;
				text-align: center;
				height: 28px;
				line-height: 23px;
			}

			#menu2 ul li#home { width: 39px; }
			#menu2 ul li#contact1 { width: 51px; }
			#menu2 ul li#login { width: 38px; }
			#menu2 ul li#imprint { width: 46px; }

				#menu2 ul li ul {
					margin-top: 0;
				}			

					#menu2 ul li ul li {
						background-image: url(../images/layout/menu2.gif);
						background-repeat: no-repeat;
						background-position: 0px center;
						text-indent: 7px;
						margin-left: 3px;
						line-height: 17px;
						height: 17px;
					}

/* Hautmenüleiste */

div#navigation {
	height: 46px;
	font-size: 12px;
	background-color: #F2F2F2;
	background-image: url(../images/layout/navigation.png);
	background-repeat: no-repeat;
}
	div.seps {
		background-position: 0 -46px;
	}
	div.techr {
		background-position: 0 -92px;
	}
	div.prep {
		background-position: 0 -138px;
	}
	div.team {
		background-position: 0 -184px;
	}
	div.publications {
		background-position: 0 -230px;
	}
	div.contact2 {
		background-position: 0 -276px;
	}
	
	li#seps { width: 148px; }
	li#techr { width: 128px; }
	li#prep { width: 133px; }
	
	#navigation li.active a {
		font-weight: normal;
		color: #424242;
	}

		#navigation.seps li#seps a.main,
		#navigation.techr li#techr a.main,
		#navigation.prep li#prep a.main {
		/*	font-weight: bold; */
			color: #FFFFFF;
		}
		
		#navigation.team li#team a.main,
		#navigation.publications li#publications a.main,
		#navigation.contact2 li#contact2 a.main {
		/* font-weight: bold; */
			color: #FFFFFF;
		}
	
	#menu0 div.li {
		height: 43px;
		margin-top: 3px;
		width: 100%;
		text-align: center;
	}
		
	#menu0 li ul {
		margin-top: 0;
		margin-bottom: 0;
		text-align: left;
	}
	
	#menu0 li ul li {
		background-color: #FFFFFF;
		width: 183px;
		height: 23px;
		border-top-width: 1px;
		border-top-style: solid;
		border-top-color: #666666;
		font-size: 11px;
		line-height: 23px;
		vertical-align: middle;
		text-indent: 8px;
	}
	
		#menu0 li ul li.first {
			border-top-width: 0px;
		}
	
		#menu0 li ul li.seps:hover {
			background-color: #edd1b9;	
		}
		#menu0 li ul li.techr:hover {
			background-color: #cccccc;	
		}
		#menu0 li ul li.prep:hover {
			background-color: #c7cede;	
		}
	
		#menu0 div.li a:link, #menu0 div.li a:active, #menu0 div.li a:visited  {
			color: #424242;
		}
	

/* Hintergrund Farbverlauf vertikal */

div#outer {
	background-color: #CECECE;
	background-image: url(../images/layout/outer.gif);
	background-repeat: repeat-x;
}
	div#outer.techr {
		background-color: #CFCFCF;
		background-image: url(../images/layout/techr_outer.gif);
	}
	div#outer.seps {
		background-color: #EFE2D2;
		background-image: url(../images/layout/seps_outer.gif);
	}
	div#outer.prep {
		background-color: #C3C9D5;
		background-image: url(../images/layout/prep_outer.gif);
	}
	

	
/* Galleriebild */	

#gallery {
	padding: 0;
	margin: 0;
	height: 205px;
}
	#gallery img {
		margin: 0;
		padding: 0;
		border: 0;
	}


/* Breadcrumbs  */

.breadcrumbs {
	padding: 0 22px;
	font-size: 11px;
	color: #666666;
	height: 23px;
	line-height: 23px;
	vertical-align: middle;
	background-color: #F2F2F2;
	overflow: hidden;
}
	.breadcrumbs a {
		color: #666666;
		text-decoration: none;	
	} 

	.breadcrumbs a:hover {
		text-decoration: underline;	
	} 


/* Darstellung der rechten Spalte, wenn Teaser aktiviert */

div#inner {
	background-image: none;
}
	div#inner.teasers {
		background-image: url(../images/layout/inner.gif);
	}

div#content {
	/*padding: 14px 0; */
	/* width: 776px; */
}

	div#content.teasers {
	padding-right: 286px;
	/*width: 534px;*/
	}
	
	div#content_view {
		padding: 14px 0; 
		margin: 0 22px;
	}

	div#content_edit {
		margin: 0 5px;
	}
	
	
	.contentedit {
		/*width: 810px; /* Don't forget to make changes also in the admin.js (function pageTeaser) */
	}

	.contenteditwithteasers {
		/*width: 523px; /* Don't forget to make changes also in the admin.js (function pageTeaser) */
	}


#teasers {
	float: right;
	width: 286px;
	margin-left: 22px;
	/* padding-top: 15px; */
}

#downloads {
	margin-bottom: 12px;
	margin-left: 22px;
	width: 250px;
}
#tr_downloads {
	margin-top: 13px;
	margin-bottom: 12px;
	margin-left: 0;
	width: 286px;
}
div#tr_downloads ul.downloads_file_list, ul .downloads_file_list,
div#spm_table table.spm_table tbody tr td.spm_descr_active div.spm_project_right_info div div ul.downloads_file_list,
div#spm_table table.spm_table tbody tr td.spm_descr_active div.spm_project_right_info div.download_div ul.downloads_file_list {
	margin-left: 0px;
}

div#tr_downloads ul.downloads_file_list, ul .downloads_file_list a:hover,
div#spm_table table.spm_table tbody tr td.spm_descr_active div.spm_project_right_info div div ul.downloads_file_list a:hover,
div#spm_table table.spm_table tbody tr td.spm_descr_active div.spm_project_right_info div.download_div ul.downloads_file_list a:hover,
div#tr_downloads ul.downloads_file_list li.file_list_entry a:hover {
	text-decoration: none;
}


  ul.downloads_file_list {
	  width: 286px;
	  margin-left: 0px;
	  font-weight: normal;
  }
	li.file_list_entry {
		list-style-type: none;
		height: 32px;
		overflow: hidden;
		margin-bottom: 1px;
		font-weight: normal;
	}
	
		li.file_list_entry a:link, li.file_list_entry a:active, li.file_list_entry a:visited {
		  height: 32px;
		  vertical-align: middle;
		  display: block;
		  margin-left: 2px;
		  padding-top: 4px;
		  background-image: url(../images/layout/fileicons/default.gif);
		  background-repeat: no-repeat;
		  background-position: 0px 0px;
		  padding-left: 29px;
		  text-decoration: none;
		}
		
		.dl_name {
		  line-height: 11px;
		  font-size: 12px;
		  color: #424242;
		  font-weight: normal;
		}
		
		.dl_info {
			font-size: 10px;
			color: #666666;
			font-weight: normal;
		}

		
		a:link.file_list_link, a:active.file_list_link, a:visited.file_list_link {
			font-weight: normal;
		}
		a:hover.file_list_link, li:hover.file_list_entry {
			text-decoration: none;
		}
		
		
		li.file_list_entry a.doc, li.file_list_entry a.docx {
			background-image: url(../images/layout/fileicons/doc.gif);
		}

		li.file_list_entry a.pdf, li.file_list_entry a.ps {
			background-image: url(../images/layout/fileicons/pdf.gif);
		}

		li.file_list_entry a.gif, li.file_list_entry a.jpg, li.file_list_entry a.jpeg, li.file_list_entry a.JPG, li.file_list_entry a.GIF, li.file_list_entry a.png {
			background-image: url(../images/layout/fileicons/image.gif);
		}
		
		li.file_list_entry a.disconnect {
			background-color:#FFFF99;
		}

		li.file_list_entry a:hover {
			background-position: 0px -32px;
			font-weight: normal;
		}
		
		

#footer {
	background-color: #FFFFFF;
	border-width: 1px 0 0 0;
	border-style: solid;
	border-color: #A0A0A0;
	font-size: 11px;
	color: #666666;
	padding: 4px 0px 12px 0px;
	letter-spacing: 0.2px;
}

.clear {
	clear: both;
}

/* Suckerfish-Menü allgemein */

.nav, .nav ul {
	list-style: none;
}

.nav a {
	/* display: block; */
	color: #424242;
	text-decoration: none;
}

.nav li {
	display: block;
	float: left;
}

.nav li ul li {
	clear: both;
}

.nav li ul {
	position: absolute;
	left: -999em;
}

.nav li:hover ul , .nav li.sfhover ul {
	left: auto;
}

/* Untermenü 1 */

#menu1 {
	float: right;
	font-size: 11px;
	margin-right: 4px;
}
	#menu1 li {
		line-height: 37px;
		vertical-align: middle;
		text-align: center;
	}
			#menu1 li#team { width: 50px; }
			#menu1 li#publications { width: 95px; }
			#menu1 li#contact2 { width: 71px; }

.active {
	font-weight: bold;
}

/* Teasers */

div#teasers p {
	font-size: 13px;
	color: #424242;
	line-height: 18px;
}
/*div.teaser a:link, a:active, a:visited  {
	color: #333333;
	font-weight: bold;
	text-decoration: none;
} 
div.teaser a:hover {
	text-decoration: underline;
}*/



div.teaser {
	margin-right: 22px;
	margin-left: 22px;
	margin-bottom: 20px;
}
div.styleteaser {
	margin-right: 19px;
	margin-left: 19px;
	margin-bottom: 20px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left: 17px;
}
div.teaser_seps {
	background-image: url(../images/layout/teaser_seps_bg.gif);
}
div.teaser_techr {
	background-image: url(../images/layout/teaser_techr_bg.gif);
}
div.teaser_prep {
	background-image: url(../images/layout/teaser_prep_bg.gif);
}
div.teaser_sepscall {
	background-image: url(../images/layout/teaser_sepscall_bg.gif);
}
div.teaser_brochure_electricity {
	background-image: url(../images/layout/teaser_brochure_electricity_bg.gif);
}
div.teaser_brochure_foodissues {
	background-image: url(../images/layout/teaser_brochure_foodissues_bg.gif);
}

div.teaserhover {
	background-position: -248px 0px;
}
div.teaserlink {
	cursor: pointer;
}
div.styleteaser h1 {
	margin-bottom: 46px;
}
div.teaseredit {
	margin-right: 22px;
	margin-left: 22px;
}

/* Doubleclick button */

.dblcklick_admin {
	cursor:url(../images/pencil_dblclk.gif), pointer;
}
.dblcklick_admin:hover {
	background-color:#FF9;
}
/* SEPS Project Map */

#spm_map {
	clear:both;
	width:820px;
	background-color:#FFFFFF;
	background-image: url(../images/spm_map.jpg);
	background-repeat: no-repeat;
	vertical-align: top;
}

	.spm_project_right_info {
		float: right;
		width: 286px;
	}
	
	img.spm_project_image, img.spm_project_image_tr_technology {
	/*	width: 286px;
		height: 107px; */
		float: left;
		margin-top: 5px;
		padding-right: 10px;
	}
	
	div.tr_technology_spm_project_text {
	}
	
	div.tr_technology_spm_projects_right {
	  float:right;
	  margin-right: -292px;
	}
	
	#spm_map .dot {
		background-image:url(../images/spm_dot.png);
		background-repeat: no-repeat;
		width: 100%;
		height: 100%;
	}
	
	.spm_table {
		width: 773px;
		margin: auto auto 21px auto;
	}
	
	.spm_table a {
		font-weight: bold;
		text-decoration: none;
		color: #2E2E2E;
	}
	
	.spm_control {
		font-size: 12px;
		color: #424242;
		padding-top: 5px;
	}
	.spm_control a:link, .spm_control a:visited, .spm_control a:active  {
		color: #424242;
		font-weight: bold;
		text-decoration: none;	
	}
	
	.spm_head {
		padding-bottom: 2px;
		padding-top: 2px;
		padding-left: 4px;
		padding-right: 4px;
		height: 20px;
		font-size: 12px;
		line-height: 20px;
		color: #FFFFFF;
		font-weight: bold;
		background-color:#ed6d00;
	}
	.spm_row {
		padding: 4px;
		height: 48px;
		font-size: 13px;
		border-width: 1px 0 0 0;
		border-style: solid;
		border-color: #FFFFFF;
		cursor: pointer;
		background-color: #dbd9d6;
	}

	.spm_row_active {
		padding: 4px;
		height: 48px;
		font-size: 13px;
		border-width: 1px 0 0 0;
		border-style: solid;
		border-color: #FFFFFF;
		cursor: pointer;
	}

	.spm_descr {
		display: none;
		padding: 4px;
		font-size: 13px;
		line-height: 20px;
	}

	.spm_descr_active {
		padding: 4px;
		font-size: 13px;
		line-height: 20px;
	}
	
	.spm_select {
		width: 200px;
		margin-top: 4px;
		margin-bottom: 4px;
	}
	
	#spm_text1 {
		margin: 9px auto 5px auto;
	}
	
	#spm_text2 {
		width: 773px;
		margin: 15px auto;
	}
	#spm_position_pick {
		position: fixed;
		top: 0;
		left: 0;
		width: 635px;
		height: 296px;
		background:url(../images/spm_map.jpg);
		cursor: crosshair;
	}

/* Kontaktformular */
	
td.contact_form1 {
	padding-top: 4px;
	padding-bottom: 4px;
	color: #333333;
 	font-size: 13px;
	font-weight: bold;
	vertical-align: top;
}

td.contact_form2 {
	padding-left: 10px;
	width: 357px;
	padding-top: 4px;
	padding-bottom: 4px;
}

	td.contact_form2 input, td.contact_form2 select {
		width: 100%;
	}
	
	td.contact_form2 textarea {
		width: 100%;
		height: 100px;
	}
	
/* Technology Radar */

div#technology_list table {
	font-size: 10px;
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
}

div#technology_list tr {
	background-color: #FFF;
}

div#technology_list tr.h1 {
	background-color: #069;
	color: #FFF;
}

div#technology_list tr.h2 {
	background-color: #7E7E7E;
	color: #CCC;
}

div#technology_list tr.altrow {
	background-color: #E9E9E9;
}

div#technology_list tr:hover {
	background-color: #FF9;
	color: #000;
}

div#technology_list td {
	line-height: 12px;
	height: 12px;
	vertical-align: middle;
	padding-left: 5px;
}

div#technology_list td.button {
	width: 12px;
	text-align: center;
	padding: 0;
	cursor: pointer;
}

div#technology_list td.button:hover {
	background-color: #FC3;
}

div#technology_list td.active {
	/*text-decoration: blink;*/
	font-weight: bold;
	background-image: url(../images/tech_rad/blink1.gif);
}


div#technology_list td.nobutton {
	width: 12px;
	text-align: center;
	padding: 0;
}

div#technology_list td.active, div#technology_list tr.selected {
	color: #000;
	background-color: #FC3;
}

div#technology_list td.checked {
	background-color:#6CF;
}

div#technology_list td.nocheck {
	color: #CCC;
}

div#technology_list td.unchecked:hover, div#technology_list td.checkable:hover {
	background-color: #3F0;
	cursor: crosshair;
}

div#technology_list td.checked:hover {
	background-color: #F33;
	cursor: crosshair;
}

div#technology_list .tech {

}

/* Technology Radar - Refernece Modell */

div#tr_model {
	font-size: 12px;
	width: 806px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 12px;
}

div#tr_model .head {
	height: 22px;
	line-height: 22px;
	vertical-align: middle;
	padding-left: 11px;
	color: #CCC;
	clear: left;
}
div#tr_model .head1 {
	background-image:url(../images/tech_rad/modell_head_1.gif);
	margin-bottom: 4px;
}
div#tr_model .head2 {
	background-image:url(../images/tech_rad/modell_head_2.gif);
	margin-bottom: 4px;
}

div#tr_model .field_top, div#tr_model .field_bottom {
	font-size: 7px;
	line-height: 7px;
	padding: 0;
	height: 7px;
}

div#tr_model .field_top {
	background-image: url(../images/tech_rad/modell_field_top.gif);	
}

div#tr_model .field_bottom {
	background-image: url(../images/tech_rad/modell_field_bottom.gif);
	clear: left;
	margin-bottom: 4px;
}

div#need_list {
	background-color: #FFF;
	height: 45px;
	padding-left: 50px;
}

div#tr_model a:link.need, div#tr_model a:active.need, div#tr_model a:visited.need {
	text-indent: 47px;
	text-decoration: none;
	display: block;
	height: 36px;
	line-height: 36px;
	vertical-align: middle;
	background-repeat: no-repeat;
	font-weight: normal;
	float: left;
	margin-top: 4px;
	margin-right: 29px;
	color: #999;	
}

div#tr_model a:hover.need, div#tr_model a:link.active, div#tr_model a:active.active, div#tr_model a:visited.active {
	background-position: 0 -36px;
	color: #666;	
}

div#tr_model #need1 {
	background-image:url(../images/tech_rad/need_1.gif);
}
div#tr_model #need2 {
	background-image:url(../images/tech_rad/need_2.gif);
}
div#tr_model #need3 {
	background-image:url(../images/tech_rad/need_3.gif);
}
div#tr_model #need4 {
	background-image:url(../images/tech_rad/need_4.gif);
}
div#tr_model #need5 {
	background-image:url(../images/tech_rad/need_5.gif);
}


div#tr_model #energysources,
div#tr_model #technologies,
div#tr_model #subneed_list {
	text-align: center;
	background-color: #FFF;
}

div#tr_model table {
	margin-left: auto;
	margin-right: auto;
}

div#tr_model #energysources td.energy,
div#tr_model #energysources td.energy_intree {
	background-image: url(../images/tech_rad/energy_form.gif);
	background-position: center -32px;
	background-repeat: no-repeat;
	height: 32px;
	line-height: 36px;
	color: #999;
}

div#tr_model #energysources td.left,
div#tr_model #energysources td.left_intree {
	width: 11px;
	height: 32px;
	background-image: url(../images/tech_rad/energy_form.gif);
	background-position: left -32px;
	background-repeat: no-repeat;
}
div#tr_model #energysources td.right,
div#tr_model #energysources td.right_intree {
	width: 11px;
	height: 32px;
	background-image: url(../images/tech_rad/energy_form.gif);
	background-position: right -32px;
	background-repeat: no-repeat;
}

div#tr_model #energysources td.energy_intree { background-position: center 0; }
div#tr_model #energysources td.left_intree { background-position: left 0; }
div#tr_model #energysources td.right_intree { background-position: right 0; }


div#tr_model #technologies a,
div#tr_model #subneed_list a {
	font-weight: normal;
	color: #999;
}
div#tr_model #technologies a:hover,
div#tr_model #subneed_list a:hover {
	text-decoration: none;
	font-weight: normal;
	color: #999;
}

div#tr_model #technologies td.technology,
div#tr_model #technologies td.technology_active,
div#tr_model #technologies td.technology_inactive,
div#tr_model #technologies td.technology_intree,
div#tr_model #subneed_list td.subneed,
div#tr_model #subneed_list td.subneed_active,
div#tr_model #subneed_list td.subneed_inactive,
div#tr_model #subneed_list td.subneed_intree {
	background-image: url(../images/tech_rad/technology.gif);
	background-position: center 0px;
	height: 53px;
	line-height: 16px;
	vertical-align: middle;
	color: #999;
}


div#tr_model #technologies td.left,
div#tr_model #technologies td.left_active,
div#tr_model #technologies td.left_inactive,
div#tr_model #technologies td.left_intree,
div#tr_model #subneed_list td.left,
div#tr_model #subneed_list td.left_active,
div#tr_model #subneed_list td.left_inactive,
div#tr_model #subneed_list td.left_intree {
	background-image: url(../images/tech_rad/technology.gif);
	height: 53px;
	width: 11px;
	background-position: left 0px;
	margin-right: 55px;
	margin-bottom: 35px;
}

div#tr_model #technologies td.right,
div#tr_model #technologies td.right_active,
div#tr_model #technologies td.right_inactive,
div#tr_model #technologies td.right_intree,
div#tr_model #subneed_list td.right,
div#tr_model #subneed_list td.right_active,
div#tr_model #subneed_list td.right_inactive,
div#tr_model #subneed_list td.right_intree {
	background-image: url(../images/tech_rad/technology.gif);
	height: 53px;
	width: 11px;
	background-position: right 0px;
}

div#tr_model #technologies td.technology_inactive { background-position: center 159px; }
div#tr_model #technologies td.left_inactive { background-position: left 159px; }
div#tr_model #technologies td.right_inactive { background-position: right 159px; }

div#tr_model #subneed_list td.subneed_inactive { background-position: center 159px; }
div#tr_model #subneed_list td.left_inactive { background-position: left 159px; }
div#tr_model #subneed_list td.right_inactive { background-position: right 159px; }

div#tr_model #technologies td.technology_intree { background-position: center 106px; }
div#tr_model #technologies td.left_intree { background-position: left 106px; }
div#tr_model #technologies td.right_intree { background-position: right 106px; }

div#tr_model #subneed_list td.subneed_intree { background-position: center 106px; }
div#tr_model #subneed_list td.left_intree { background-position: left 106px; }
div#tr_model #subneed_list td.right_intree { background-position: right 106px; }

div#tr_model #technologies td.technology_active { background-position: center 53px; }
div#tr_model #technologies td.technology_active a { color: #FFF; }
div#tr_model #technologies td.left_active { background-position: left 53px; }
div#tr_model #technologies td.right_active { background-position: right 53px; }

div#tr_model #subneed_list td.subneed_active { background-position: center 53px; }
div#tr_model #subneed_list td.subneed_active a { color: #FFF; }
div#tr_model #subneed_list td.left_active { background-position: left 53px; }
div#tr_model #subneed_list td.right_active { background-position: right 53px; }


div#tr_model td.space {
	width: 7px;
}

div#tr_frame {
	padding: 14px 0; 
	margin: 0 20px;
}

div#tr_left {
	width: 474px;
}

div#tr_right {
	float: right;
	width: 286px;
}

#tr_gallery {
	padding: 0;
	margin: 0;
	height: 107px;
}
	#tr_gallery img {
		margin: 0;
		padding: 0;
		border: 0;
	}
#tr_family {
	padding-left: 14px;
	padding-top: 0;
	padding-bottom: 4px;
	background-color:#FFF;
}

#tr_family ul li {
	text-transform: none;
}

.tr_family_tree {
	list-style-type: none;
}

.contents_count {
	display: list-item;
	list-style-type: decimal;
	list-style-position: outside;
}

#tr_family ul.child {
	margin-left: 0;
	margin-top: 6px;
}
#tr_family ul.grandchild {
	margin-left: 14px;
	margin-top: 0;
}
#tr_family li.child {
}
#tr_family li.grandchild {
	margin-left: -14px;
	line-height: 16px;
}
#tr_family a:link.parent, #tr_family a:visited.parent, #tr_family a:active.parent {
	text-transform: uppercase;
	color: #000;
	font-weight: normal;
}
#tr_family a:link.grandchild, #tr_family a:visited.grandchild, #tr_family a:active.grandchild,
#tr_family a:link.child, #tr_family a:visited.child, #tr_family a:active.child {
	font-weight: normal;
	color: #666;
}
#tr_family a:link.childactive, #tr_family a:visited.childactive, #tr_family a:active.childactive {
	font-weight: normal;
	color: #000;
}
#tr_family a:link.grandchild, #tr_family a:visited.grandchild, #tr_family a:active.grandchild {
	background-image: url(../images/tech_rad/grandchild.gif);	
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 9px;
}
#tr_family a:link.grandchildactive, #tr_family a:visited.grandchildactive, #tr_family a:active.grandchildactive {
	font-weight: normal;
	color: #333;
	background-image: url(../images/tech_rad/grandchild_active.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 9px;
}
#tr_family a:hover.parent,
#tr_family a:hover.grandchildactive,
#tr_family a:hover.grandchild,
#tr_family a:hover.childactive,
#tr_family a:hover.child {
	text-decoration: underline;
}

#tr_contents_list {
	list-style-type: decimal;
}
ol.tr_contents_list {
	list-style-type: decimal;
	list-style-position: outside;
}

ol.tr_contents_list li  {
	cursor: pointer;
	margin: 0;
	padding: 0;
	font-size: 11px;
	line-height: 10px;
}

#tr_sources {	
	width: 474px;
}

#tr_examples ul {
	margin-left: -10px;
}

#tr_examples ul.examplelist, #tr_sources ol.sourcelist {
	margin-left: 0px;
	margin-top: 8px;
}

#tr_sources ol.sourcelist li {
	list-style-position: outside;
	list-style-type: decimal;
	margin-left: 18px;
}

#tr_examples li, #tr_sources li {
	list-style: none;
	font-size: 11px;
	line-height: 15px;
}
#tr_image_source {
	padding-top: 2px;
	padding-right: 2px;
	font-size: 10px;
	line-height: 10px;
	height: 10px;
	vertical-align:top;
	text-align: right;
}

.top_arrow {
	float: right;
	margin-top: -20px;
	font-size: 11px;
}
.sustdev {
	margin-top: 0px;
}

.more_button, .less_button {
	font-size: 11px;
}

sup.reference {
}

div#technology_radar a:link.tr_reference, div#technology_radar a:visited.tr_reference, div#technology_radar a:active.tr_reference {
	text-decoration: none;
	font-weight: normal;
}

div#technology_radar a:hover.tr_reference {
	text-decoration:underline;
}