/* css for TRR 130 */
html, body {
    font-family: Helvetica, Arial, sans-serif;
    background: #fff;
    color: #1e3a4c;
    font-size: 15px; 
    line-height: 22px;
	font-weight: 400;
	margin: 0;
	padding: 0;
	text-align: center;
}

html ::selection {
	color: #FFF;
	background: #2eb8eb;
	text-shadow: #2eb8eb;
}
html ::-moz-selection {
	color: #FFF;
	background: #2eb8eb;
	text-shadow: #2eb8eb;
}
:focus, :active { outline: 0; }  

/* font */

h1 {font-size: 22px; line-height: 26px;}
h2 {font-size: 20px; line-height: 24px;}
h3 {font-size: 18px; line-height: 22px;}
h4 {font-size: 16px; line-height: 20px;}
h5 {font-size: 16px; line-height: 20px;}
h6 {font-size: 16px; line-height: 20px;}

h1,h2,h3,h4,h5,h6 { margin-bottom: 10px;}


a { color:#1e3a4c; text-decoration:none; cursor: pointer; }

em {font-style: italic;}


#main .inside .mod_article a,
.ce_page_teaser a {
    text-decoration:none;
    cursor: pointer;
	background:#e2e4e6;
	padding: 1px;
	transition: background .2s ease-in-out;
    -webkit-transition: background .2s ease-in-out;
    -moz-transition: background .2s ease-in-out;
}
#main .inside .mod_article a:hover,
.ce_page_teaser a:hover {
	background:#c7c7c7;
	transition: background .2s ease-in-out;
    -webkit-transition: background .2s ease-in-out;
    -moz-transition: background .2s ease-in-out;
}

p + p { margin-top:12px;}

strong { font-weight: bold;}

/*-- WRAPPER --*/

#wrapper { 
	width: 980px;
	min-width: 980px;
	width: 100%;
}
.home #container {
	margin: 0 auto;
	text-align:left;
	width: 540px;
	padding-left: 190px;
	padding-right: 250px;
}  
#container {
	margin: 0 auto;
	text-align:left;
	width: 790px;
	padding-left: 190px;
	padding-right: 0px;
}

#left {
	width: 190px;
	right: 190px;
}
#right {
	width: 250px;
}
#left .inside {
	margin-right: 15px;
}
#right .inside {
	margin-left: 15px;
}

#left .inside, #main .inside, #right .inside {
	border-top: #1b398f 1px solid;
	padding-top: 20px;
}

/*-- HEADER --*/
.home #header { 
    height: 275px;
	background: url(../img/header_bg.gif) top left repeat-x; 
}
#header { 
    height: 230px;
	background: url(../img/header_bg.gif) top left repeat-x;
}
#header-home {
	margin: 0 auto;
	text-align:left;
	width: 980px;
}
.logoTxt, .logoPic, .maginal, .marginalLinks, .marginalSearch {
	float: left;
}
.logoTxt {
	padding: 45px 20px 0 0;
}
.home .logoPic {
	width: 452px;
	height: 289px;
	background: url(../img/trr-130-signet.png) top left no-repeat;
}
.logoPic {
	width: 452px;
	height: 228px;
	background: url(../img/trr-130-signet-small.png) 30px 0px no-repeat;
}
.marginalLinks {
	color: #fff;
	font-size: 12px;
	padding-top: 8px;
	text-align: right;
}
.mod_customnav li a {
	color: #fff;
}
.mod_customnav li a:hover {
	color: #46bdec;
}
.mod_customnav li {
	display: inline;
	padding: 0px 10px;
	border-right: #fff 1px solid;
}
.mod_customnav li.first {
	padding-right: 10px;
}

.mod_customnav li.last  {
	border-right: #fff 0px solid;
	padding-right: 10px;
}

.mod_customnav li.active {
	color: #46bdec;
}
/*-- LANGUAGE --*/

.mod_changelanguage.block {
	position: relative;
	margin: 0 auto;
	width: 980px;
	bottom: 30px;
}

.mod_changelanguage .level_1 {
	padding-left: 445px;
}

.mod_changelanguage li {
	display: inline;
	text-indent: -9999px;
}
span.lang-en,
a.lang-en,
span.lang-de,
a.lang-de  {  
display: inline-block;
  width: 14px; 
  height: 12px; 
  text-indent: -9999px; 
  opacity: .5; filter:Alpha(Opacity=50);
}  

.mod_changelanguage .active {
	opacity: 1; filter:Alpha(Opacity=100);
}

span.lang-en,
a.lang-en  {  
  background: url(../img/en-flag.png) 0px 0px no-repeat;
}  

span.lang-de,
a.lang-de {  
  background: url(../img/de-flag.png) 0px 0px no-repeat;
  
}  
/*-- SEARCH/LOGIN --*/

.marginalSearch {
	padding-top: 5px;
	position: relative;
}
.marginalSearch .formbody {
	width: 190px;
}
.marginalSearch .formbody input.text {
	position: absolute;
	width: 155px;
	height: 16px;
	top:5px;
}
.marginalSearch .formbody .submit_container {
right: 0px;
position: absolute;
}
.marginalSearch .formbody .text, .formbody .submit_container {
float: left;
}

/*-- FORM --*/

input,
textarea,
label {
	font: 14px Helvetica, Arial, sans-serif;
}

.suche input,
.suche textarea,
.suche label {
	font: 14px Helvetica, Arial,  sans-serif;
}

.maginal input[name=keywords],
.maginal input[name=password],
.maginal input[name=username],
.maginal input[type=url],
.maginal input[type=text],
.maginal input[type=email],
.maginal input[type=tel],
.maginal textarea   {
	-webkit-appearance: none;
   -moz-appearance:    none;
   appearance:         none;
   border-radius: 0;
	background: #e9ecf4; /* Fallback */
	background: rgba(255, 255, 255, 0.9);
	border: 1px solid #e9ecf4;
	padding: 4px 0px 3px 4px;
	-webkit-box-shadow: inset 0px 0px 0px rgba(255, 255, 255, 0.65);
	-moz-box-shadow: inset 0px 0px 0px rgba(255, 255, 255, 0.65);
	box-shadow: inset -0px 0px 0px rgba(255, 255, 255, 0.65);
}


input[name=keywords],
input[name=password],
input[name=username],
input[type=url],
input[type=text],
input[type=email],
input[type=tel],
textarea   {
	-webkit-appearance: none;
   -moz-appearance:    none;
   appearance:         none;
   border-radius: 0;
	background: #e9ecf4; /* Fallback */
	background: rgba(255, 255, 255, 0.9);
	border: 1px solid #1b398f;
	padding: 4px 3px 3px 4px;
	-webkit-box-shadow: inset 0px 0px 0px rgba(255, 255, 255, 0.65);
	-moz-box-shadow: inset 0px 0px 0px rgba(255, 255, 255, 0.65);
	box-shadow: inset -0px 0px 0px rgba(255, 255, 255, 0.65);
}


textarea { overflow: auto; }

input[name=keywords]:hover,
input[name=password]:hover,
input[name=username]:hover,
input[type=url]:hover,
input[type=text]:hover,
input[type=email]:hover,
input[type=tel]:hover,
textarea:hover  {
	background: #fff;
	background: rgba(255, 255, 255, 1);
	border: 1px solid #2eb8eb;
}

.marginalSearch form input[type=submit] {
	border: none;
	cursor: pointer;
	background: #f0f1f2;
	background: #f0f1f2 url(../img/btn_serach.png) 0px -1px no-repeat; 
	text-indent:-9999px;
	height: 22px;
	position: relative;
	top: -1px;
	left: -3px;
	width: 25px;
	transition: background .2s ease-in-out;
    -webkit-transition: background .2s ease-in-out;
    -moz-transition: background .2s ease-in-out;
}

.marginalSearch form input[type=submit]:hover {
	background: #2eb8eb url(../img/btn_serach.png) 0px -1px no-repeat;
	transition: background .2s ease-in-out;
    -webkit-transition: background .2s ease-in-out;
    -moz-transition: background .2s ease-in-out;
}

.mod_login.login form input[type=submit],
.mod_login.logout form input[type=submit]  {
	border: none;
	cursor: pointer;
	background: #1b398f; 
	color: #fff;
	height: 22px;
	position: absolute;
	width: 100px;
	transition: background .2s ease-in-out;
    -webkit-transition: background .2s ease-in-out;
    -moz-transition: background .2s ease-in-out;
}

.mod_login.login form input[type=submit]  {
	bottom: 30px;
	right: 31px;
}
.mod_login.logout form input[type=submit]  {
	position: relative;
	margin: 20px 0 0 400px;
}

.mod_login.login form input[type=submit]:hover,
.mod_login.logout form input[type=submit]:hover {
	background: #2eb8eb;
	transition: background .2s ease-in-out;
    -webkit-transition: background .2s ease-in-out;
    -moz-transition: background .2s ease-in-out;
}

#registration label {
	display: block;
  float: left;
  width: 150px;
  margin: 0;
  padding: 5px 0 0 0;
}
#registration div.formbody div {
	padding: 6px 0;
}
#registration legend,
#registration .explanation p {
	padding-left: 150px;
}
#registration .poster legend,
#registration .headline p {
	padding-left: 150px;
	padding-top: 1em;
}
#registration input.text,
#registration textarea {
  width: 500px;
}
#registration .error input.text,
#registration .error textarea {
  width: 500px;
  margin-left: 150px;
}
#registration .poster p.error {
	padding-left: 150px;
}

#registration fieldset span {
	float: left;
}

#registration fieldset span  {
	padding-left: 150px;
}
#registration fieldset .mandatory {
	float: none;
	padding-left: 0px;
}
#registration fieldset span label {
	width: 25px;
}
#registration div.formbody div.headline {
  padding: 6px 0 0 0;
}

#registration form input[type=submit]  {
	border: none;
	cursor: pointer;
	background: #1b398f; 
	color: #fff;
	height: 25px;
	position: relative;
	width: 120px;
	
	margin: 20px 0 10px 540px;
	transition: background .2s ease-in-out;
    -webkit-transition: background .2s ease-in-out;
    -moz-transition: background .2s ease-in-out;
}


#registration form input[type=submit]:hover {
	background: #2eb8eb;
	transition: background .2s ease-in-out;
    -webkit-transition: background .2s ease-in-out;
    -moz-transition: background .2s ease-in-out;
}








/*-- RESULT --*/
.mod_search.block .formbody {
	display: none;
}
.mod_search.block .highlight {
	color:#46bdec;
}
.mod_search.block p + p {
	margin-top:0px;
}
.mod_search.block .odd, .mod_search.block .even {
	margin: 40px 0;
}
.pagination ul {
margin: 10px 0 0 0;
padding: 0;
list-style: none;
display: block;
}
.pagination li {
float: left;
padding-right: 10px;
}
.pagination li a.link, .pagination li a.next, .pagination li a.last {
padding: 5px 7px!important;
}
.pagination .current {
	background:#46bdec;
	padding: 5px 7px!important;
	color:#fff;
}

/*-- LOGIN --*/
#container .mod_lostPassword, #container .mod_login {
position: relative;
}
.mod_login .formbody input.text {
width: 380px;
}
.boxLogin {
padding: 20px;
background-color: #f0f1f2;
width: 500px;
}
.login .formbody label {
display: block;
padding-bottom: 15px;
}
.login label, #container .mod_login label {
width: 100px;
display: inline-block;
}
.mod_login .formbody .checkbox_container  {
	padding-left: 100px;
}
.mod_login .formbody .checkbox_container label {
	font-size: 12px;
}
p.error {
	color: #F00;
	margin-bottom: 10px;
}


/*-- NAVIGATION --*/

.mod_navigation ul {
margin: 5px 0px;
padding: 0;
list-style-type: none;
}

.mod_navigation a, .mod_navigation li, .mod_navigation span {
	display: block;
	font-size: 16px;
	color: #1b398f;
	transition: color .2s ease-in-out;
    -webkit-transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
}

.mod_navigation a:hover {
	color: #2eb8eb;
	transition: color .2s ease-in-out;
    -webkit-transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
}

.mod_navigation span.active, .mod_navigation a.submenu.trail {
	color: #2eb8eb;
}

.mod_navigation .level_1 li {
margin: 5px 0px;
padding: 0 0 5px 0;
border-bottom: 1px solid #e2e4e6;
}

.mod_navigation ul.level_2 li a{
	font-size: 12px;
margin: 0px 0px;
padding: 0 0 0px 0;
border-bottom: 0px solid #e2e4e6;
}
.mod_navigation ul.level_2 li {
margin: 0px 0px;
padding: 0 0 0px 0;
border-bottom: 0px solid #e2e4e6;
}

.mod_navigation ul.level_2 li span.active {
	font-size: 12px;
	margin: 0px 0px;
padding: 0 0 0px 0;
border-bottom: 0px solid #e2e4e6;
}



/*-- CONTENT --*/

/*-- HOME-TEASER --*/
.home #right .ce_text {
	border-bottom: #e2e4e6 1px solid;
	padding-bottom: 40px;
}
.home #right .ce_text.last {
	border-bottom: 0px;
}
.home #right .ce_text.institutLinks a {
	display: block;
	padding: 1px;
}
.home #right .ce_text.institutLinks a:hover {
	background: #f0f1f2;
	display: block;
	padding: 1px;
	transition: background .2s ease-in-out;
    -webkit-transition: background .2s ease-in-out;
    -moz-transition: background .2s ease-in-out;
}
.home #right .ce_page_teaser {
	padding-top: 20px;
}

a.more {
	background: #e2e4e6;
	padding: 3px;
	position: relative;
	top: 10px;
	transition: background .2s ease-in-out;
    -webkit-transition: background .2s ease-in-out;
    -moz-transition: background .2s ease-in-out;
}
a.more:hover {
	background:#c7c7c7;
	transition: background .2s ease-in-out;
    -webkit-transition: background .2s ease-in-out;
    -moz-transition: background .2s ease-in-out;
}
.home .ce_page_teaser .image_container.float_left {
	padding: 3px 10px 0px 0;
}
.home .ce_page_teaser .image_container.float_right {
	padding: 3px 0px 0px 10px;
}

/*-- TEXT --*/

.ce_text, .ce_table, .ce_accordion .image_container.float_below, .ce_accordion .image_container.float_above {
	padding-bottom: 20px;
}
.ce_accordion .image_container.float_below {
	margin-top: 20px;
}
.caption {
	font-size: 12px;
	line-height: 16px;
	padding-bottom: 30px;
}
.trenner {
	height:1px;
	background:#f0f1f2;
	margin: 20px 0px;
	width: 790px;
}

#main .inside .mod_article .ce_text.block {
	padding-right: 0px;
}
.home #main .inside .mod_article#home .ce_text.block,
.home #main .inside .mod_article#home-31 .ce_text.block,
.project #main .inside .mod_article .ce_text.block {
	padding-right: 0px;
}

.ce_image.block .image_container img {
	max-width: 100%;
	width: 100%;
	height: auto;
	display: block;
}
.ce_image.block .image_container img,
.ce_accordion img {
	border: #f0f1f2 1px solid;
}

/*-- LIST --*/
.mod_article .ce_text ul {
list-style: outside disc;
padding-left: 17px;
}

/*-- TABLE --*/
.ce_table tr.even {
	background: #f0f1f2;
}
.ce_table tr.odd {
	background: #f6f7f7;
}
.ce_table td.col_0 {
	font-weight: bold;
	width: 190px;
	padding: 20px;
}

.ce_table td.col_1 {
	width: 540px;
	padding: 20px 20px 20px 0px;
}

/*-- PROJECT-TEASER --*/

#projects .ce_page_teaser {
	position: relative;
	border-bottom:#e2e4e6 1px solid;
	padding-top: 20px;
	height: 150px;
}
#projects .ce_page_teaser.last {
	 clear: both;
}
#projects .ce_page_teaser img {
	width: 60px;
	height: 76px;
	padding-right: 10px;
	float:left;
}
#projects .ce_page_teaser h6 {
	padding-top: 10px;
	float:left;
	font-weight: bold;
}
#projects .ce_page_teaser h6 + h6 {
	padding-left: 8px;
}
#projects .ce_page_teaser p {
 clear: both;
 padding-right: 70px;
}
#projects a.more {
	position: absolute;
	top: 160px;
	right: 0px;
	clear: both;
}

/*-- PROJECT-SITE --*/
.project #main .inside {
	padding-top: 0px!important;
}
.project #main .inside .mod_article .colcount_3 {
	width: 730px;
	background: #f0f1f2;
	padding: 30px;
	margin-bottom: 30px;
}
.project #main .inside .mod_article .colcount_3 .image_container  {
	padding: 0px;
	
}
.project .col_1 {
	vertical-align: top;
}

.project .col_2,
.project .col_3 {
	vertical-align: bottom;
}

.project #main .inside .mod_article .colcount_3 .image_container img {
	width:120px;
	height: 152px;
	padding-bottom: 10px;
}
.project .caption {
	padding-bottom: 0px;
}
/*-- ACCORDEON --*/
/* Accordion */
.ce_accordion {
	padding: 3px 0;
	}
.ui-accordion-header {
	height: 35px;
	cursor: pointer;
	line-height: 35px;
	padding-left: 30px;
}
.ui-state-default {
	background: #f0f1f2 url(../img/accodeon-close.png) 0px 0px no-repeat;
	
	}
.ui-state-default:hover {
	background: #f0f1f2 url(../img/accodeon-open.png) 0px 0px no-repeat;

}
.ui-state-active {
	background: #f0f1f2 url(../img/accodeon-open.png) 0px 0px no-repeat;

	}
.ui-state-active:hover {
	background: #f0f1f2 url(../img/accodeon-close.png) 0px 0px no-repeat;
}

.ce_accordion .ce_text.block {
	margin-top: 35px;
}

.accordion {
	padding: 20px 20px 30px 30px;
}

.ce_accordion .ce_text.block {
margin-top: 0px;
}
.publications p {
	border-bottom: #f0f1f2 1px solid;
	padding: 10px 0px;
}


/*-- FOOTER --*/
.footerTop {
	margin: 0 auto;
	text-align:left;
	width: 980px;
	padding: 30px 0 30px 0;
}
.footerOne, .footerTwo, .footerThree {
	float: left;
	border-top: #1b398f 1px solid;
	padding-top: 5px;
	color: #1b398f;
	font-size: 12px;
}
.footerTop a {
	color: #1b398f;
}
.footerTop a:hover {
	color: #46bdec;
}
.imprint .footerTop a {
	color: #46bdec;
}
.footerOne {
	width: 175px;
}
.footerTwo {
	width: 540px;
	margin-left: 15px;
}
.home .footerThree {
	width: 235px;
	margin-left: 15px;
}
.footerThree {
	width: 250px;
	margin-left: 0px;
}
.footerBottom {
	width: 100%;
	background:#1b398f;	
}
.footerLogos {
	margin: 0 auto;
	text-align:left;
	width: 980px;
	padding: 10px 0 30px 0;
	
}
.footerLogos .ce_gallery li {
	padding-right: 47px;
}
.footerLogos .ce_gallery li.col_last {
	padding-right: 0px;
}


/*-- ALWAYS --*/
.clear:after {
  content: "";
  display: table;
  clear: both;
}
.clear {
	clear:both;
}

@media (min-width: 1279px)
{
	
	/*-- WRAPPER --*/
	.home #container {
	width: 610px;
	padding-right: 260px;
	} 
	#container {
	width: 890px;
	padding-left: 210px;
	}  
	#left .inside {
		margin-right: 20px;
	}
	.home #right .inside {
		margin-left: 20px;
	}
	#right .inside {
		margin-left: 0px;
	}
	#right {
	width: 280px;
	}
	#left {
		width: 210px;
		right: 210px;
	}

	
	/*-- HEADER --*/

	#header-home{
		width: 1100px;
	}
	.marginalLinks {
		padding-left: 50px;
	}
	/*-- LANGUAGE --*/
	.mod_changelanguage.block {
		width: 1100px;
	}
	
	.mod_changelanguage .level_1 {
		padding-left: 530px;
	}

	
	/*-- SEARCH --*/

	.marginalSearch {
	padding-top: 5px;
	position: relative;
	}
	.marginalSearch .formbody {
	width: 255px;
	}
	.marginalSearch .formbody input.text {
	width: 222px;
	}
	input[name=keywords]  {
		width: 160px;
	}
	/*-- LANGUAGE --*/
	
	.mod_changelanguage .level_1 {
	padding-left: 505px;
	}

	/*-- TEXT --*/

	#main .inside .mod_article .ce_text.block {
		padding-right: 100px;
	}
	
	
	/*-- PROJECT-TEASER --*/


	
	#projects .ce_page_teaser p {
	 clear: both;
	 padding-right: 0px;
	}
	#projects .ce_page_teaser.ce_text.block {
	padding-right: 70px!important;
	}

	
	
	
	/*-- PROJECT-SITE --*/

	.project #main .inside .mod_article .colcount_3 {
		width: 830px;
	}
	/*-- ACCORDION --*/
	.accordion {
		padding: 20px 100px 30px 30px;
	}

	/*-- FOOTER --*/
	.footerTop {
		width: 1100px;
	}
	.footerOne {
		width: 190px;
	}
	.footerTwo {
		width: 610px;
		margin-left: 20px;
	}
	.home .footerThree {
		width: 260px;
		margin-left: 20px;
	}
	.footerThree {
		width: 280px;
		margin-left: 0px;
	}
	.footerLogos {
	width: 1100px;
	}
	.footerLogos .ce_gallery li {
		padding-right: 66px;
	}

	
}