html {
  font-family: 'Roboto', sans-serif;
  font-size: 100%; /* Browserdefault 16px */
  height:100%;
}
* { margin:0;padding:0;	outline: 0;}

body { 
  font-size: 15px;
  line-height: 1.5em;
  color: #70808d;
  min-width: 320px;
  margin: 0 auto;
  background-color:#ffffff; 
}

P    { margin-bottom:20px;}
DIV.academia P    { margin-bottom:0px;}

TABLE, TR, TD, TH {
	vertical-align:top;
	border-spacing: 0px;
	border-style: none;
	border-collapse: collapse;
}

/* symbolfont */
.fa {
	
}

LI {
	 list-style-type:none;
}
 
A {
	color: #94a1a9;
	border-bottom: 1px solid #ffffff;
	text-decoration:none;
}

A.blue, DIV.block P A {
	color: #3595d8;
}

A:hover, A.current {
	color: #3595d8;
	border-bottom: 1px solid #9acaeb;
} 
 
A.noline, A.noline:hover {
	border-bottom:none;
} 
 
 
.clear { clear: both; }

BODY {
	height:100%;
	-webkit-text-size-adjust:none; /* Turn off font resizing */
	min-height:100%; /* nötig, damit foto nicht durch scrollen überlagert wird */
}

/* LAYOUT */ 

#container {
	height:100%;
}


#main {
	float: left;
	width: 70%;
	margin-left:30%;
	/*padding-left:55px;*/
	
	background-color:#ffffff;
	
	height:100%;
}

#header {
	background-color:#ffffff;
	position: relative;
	padding-left:55px;
}

#logo {
	position: absolute;
	right: 48px;
	top: 27px;
	
	display:block;
	overflow:hidden;
	background: url(../logo.png) no-repeat;
	background-size:auto 100%;
	width: 275px;
	height: 50px;
	margin:0 auto;     
	z-index:1001;
}

#metanavi {
	position: absolute;
	right: 50px;
	top: 100px;
	width: 275px;
	z-index:1002;
	border-bottom:1px solid #d5d5d6;
	text-align:right;
}

#metanavi A{
	margin-left:20px;
}


#navigation {
}

#content, #content2 {
	padding-left:55px;
	padding-right:48px;
	padding-bottom: 100px;
	padding-top: 40px;
	background-color:#ffffff;
	font-size: 14px;
	line-height: 1.7em;

}

/* FOOTER */
#footer {
	padding-left:55px;
	padding-right:48px;
	padding-bottom: 20px;
	background-color:#ffffff;
}

#footer .inner {	
	border-top:1px solid #d5d5d6;
	padding-top: 5px;
	width: 50%;
}

#footer A {
	text-transform: uppercase;
	font-size: 14px;
	margin-right: 25px;
}

/* TOPLINK */
#toplink A {
	position: fixed;
	bottom:15px;
	right:2px;
	
	font-size:14px;
	line-height:14px;
	color: #3595d8;
	
	background-color:#ffffff;
	
	width:20px;
	text-align:center;
	padding-right:0px;
	padding-left:0px;
}


/* TITLE */
#title {
	padding-left:55px;
	padding-right:48px;
	padding-bottom: 0px;
	background-color:#ffffff;
}

#title .inner {	
	border-bottom:1px solid #d5d5d6;
	padding-bottom: 0px;
	width: 50%;
	margin-right:0;
}

#title H2 {
	padding: 0px;
	margin: 0px;
	font-size: 18px;
	color: #70808d;
	font-weight:normal;
	text-transform:uppercase;
}

#newstitle {
	padding-top:55px;
	padding-left:55px;
	padding-right:48px;
	padding-bottom: 0px;
	background-color:#ffffff;
}

#newstitle .inner {	
	border-bottom:1px solid #d5d5d6;
	padding-bottom: 0px;
	width: 100%;
	margin-right:0;
}

/* CONTENT */
.block {
	float: left;
	width: 50%;
	background-color:#ffffff;
}

.blockbig {
	float: left;
	width: 100%;
	background-color:#ffffff;
}

.block_1 {
	float: left;
	width: 25%;
	background-color:#ffffff;
}
.block_2 {
	float: left;
	width: 75%;
	background-color:#ffffff;
}

DIV.innerleft{
	/*padding-right:50px;*/
}
DIV.innerright{
	/*padding-left:50px;*/
	padding-left:10%;
}

/*
DIV.block:nth-child(odd) DIV.inner{
	padding-right:50px;
}
DIV.block:nth-child(even) DIV.inner{
	padding-left:50px;
}
*/

/* NAVIGATION */
#navigation {
	padding-top: 26px;
	margin-bottom: 80px;
}

#navigation LI {
	width: 125px;
	position: relative; 
}

#navigation A {
	color: #70808d;
	text-transform: uppercase;
	line-height: 1.3em;
	display:block;
	width: 125px;
	padding-bottom: 0px;
	margin-bottom: 2px;
	border-bottom: 1px solid #ffffff;
}

#navigation A:hover {
	color: #3595d8;
	border-bottom: 1px solid #9acaeb;
}

#navigation LI.current A {
	color: #3595d8;
	border-bottom: 1px solid #9acaeb;
}

/* sub */
#navigation UL UL { 
  display: block;
  list-style: none; 
  position: absolute; 
  top:0px;
  left:135px;
  height:auto;
  width:160px;
  overflow:hidden;
  padding:0; 
  text-align:left;
  background-color:#fff;
}

#navigation UL.subnavi LI A {
	white-space:nowrap;
	width:160px;
	color: #70808d;
	border-bottom: 1px solid #ffffff;
}

#navigation  UL.subnavi LI A:hover {
	color: #3595d8;
	border-bottom: 1px solid #9acaeb;
}

#navigation UL UL LI.current A {
	color: #3595d8;
	border-bottom: 1px solid #9acaeb;
}

/* PUBLICATIONS */
.publication {
	margin-bottom: 10px;
	padding-bottom: 15px;
	border-bottom:1px solid #d5d5d6;
}

.publication SPAN.author {
	text-transform:uppercase;
}

#publicationsfilter {
	padding-left:55px;
	padding-right:48px;
	padding-top: 10px;
	background-color:#ffffff;
}

#publicationsfilter A{
	color: #3595d8;
	font-size:14px;
}

#publicationsfilter .inner {	
	padding-bottom: 5px;
	width: 50%;
	margin-right:0;
}

DIV.searchbox {
	width:200px;
	border:1px solid #d5d5d6;
	height:23px;
	overflow:hidden;
}

INPUT.searchinput {
	width:180px;
	border:none;
	color: #70808d;
	height:19px;
}

INPUT.searchsubmit {
	
}

/* MEMBERS */
.member {
	margin-bottom: 10px;
	padding-bottom: 25px;
}

.member SPAN.name {
	text-transform:uppercase;
	display:block;
	margin-bottom:25px;
}

.member .inner {
	float:left;
	margin-left:40px;
	width:65%;
}

.member IMG, .news IMG {
	width:145px;
}

TABLE.memberdata TD {
	padding-bottom:5px;
}

TABLE.memberdata TD.label {
	width:185px; /*Bildbreite plus Abstand*/
	text-transform:uppercase;
}


/* NEWS */
.news {
	margin-bottom: 10px;
	padding-bottom: 25px;
}

.news TABLE {
	width:100%;
}

TD.newshead {
	border-bottom:1px solid #d5d5d6;
	text-transform:uppercase;
}

TD.newsbodyleft {
	padding-top:20px;
	width:145px;
}

TD.newsbodyright {
	padding-left:10px;
	padding-top:20px;
}

TD.newsbodybig {
	padding-top:20px;
}

TD.newsbodyrightnoimg {
	padding-top:20px;
}

SPAN.newsdate {
	padding-right:15px;
}

#newstitle .inner {
	width:50%;
}

.newspichoch {
	width:50%;
	margin-bottom:20px;
}

.newspicquer {
	width:100%;
	margin-bottom:20px;
}

/* REGISTERFORM */
H2.registration, H2.login {
	color:#3595d8;
	padding: 0px;
	margin: 0px;
	font-size: 18px;
	font-weight: normal;
	text-transform: uppercase;
}

FORM.registerform LABEL {
	color:#3595d8;
	display:block;
	margin-top:25px;
}

FORM.registerform INPUT.textfeld {
	width:100%;
	color: #000000;
	border: 1px solid #d4d4d4;
	background-color: #ffffff;
	display:block;
	height:20px;
}

FORM.registerform TEXTAREA.textfeldarea {
	width:100%;
	color: #000000;
	border: 1px solid #d4d4d4;
	background-color: #ffffff;
	display:block;
	height:50px;
}

FORM.registerform INPUT.submitbtn {
	cursor: pointer;
	/* font: 12px Verdana,sans-serif; */
	color: #ffffff;
	border: none;
	background-color: #3595d8;
	/* width: 120px; */
	padding: 2px;
	line-height: 130%;
}

a.button2 {
	cursor: pointer;
	font: 11px Verdana,sans-serif;
	color: #ffffff;
	border: none;
	background-color: #3595d8;
	/* width: 120px; */
	padding: 5px;
	padding-bottom: 3px;
}

/* formularfeld verstecken für robots */
INPUT.reqboth {
  position: absolute;
  left:-999em;
}

/* FILTERFORM */
FORM.filterform {
	width:95%;
}

FORM.filterform LABEL {
	color:#3595d8;
	display:block;
	margin-top:25px;
}

FORM.filterform INPUT.textfeld {
	width:100%;
	color: #000000;
	border: 1px solid #d4d4d4;
	background-color: #ffffff;
	display:block;
	height:20px;
}

FORM.filterform SELECT {
	width:100%;
	color: #000000;
	border: 1px solid #d4d4d4;
	background-color: #ffffff;
	display:block;
	height:20px;
}

FORM.filterform INPUT.submitbtn {
	cursor: pointer;
	/* font: 12px Verdana,sans-serif; */
	color: #ffffff;
	border: none;
	background-color: #3595d8;
	/* width: 120px; */
	padding: 2px;
	line-height: 130%;
}

/* DUCUMENTS */
DIV.document {
	width:100%;
	border-bottom: 1px solid #d4d4d4;
	padding-bottom:10px;
	margin-bottom:10px;
}

DIV.document SPAN.title {
	color: #3595d8;
	font-size:15px;
	text-transform:uppercase;
}

DIV.document SPAN.author {
	font-size:15px;
	text-transform:uppercase;
}

DIV.document SPAN.date {
	font-size:14px;
}

DIV.document SPAN.categories {
	font-size:14px;
}

DIV.document A {
	color: #3595d8;
}

DIV.document A.dlbutton {
	cursor: pointer;
	/* font: 12px Verdana,sans-serif; */
	color: #ffffff;
	border: none;
	background-color: #3595d8;
	/* width: 120px; */
	padding: 2px 10px;
	line-height: 130%;
	font-size:13px;
}

#detailctrl {
	margin-bottom:30px;
}

/* MEDIA QUERIES */

/* --- PHONE -----------------------------------------------*/
@media screen and (max-width: 767px) {

	BODY {
		background: none !important;
		background-color: #ffffff;
	}

	#header, #content, #content2, #footer, #title, #publicationsfilter, #newstitle {
		background-color: #ffffff;
		padding-left:20px;
		padding-right:20px;
	}

	#container {
		background: none;
	}
	
	#main {
		width: 100%;
		margin-left:0%;
	}
	
	#logo {
		/*position: static;
		margin-top: 20px;
		margin-bottom: 50px;*/
		
		right: 20px;
	}
	
	#metanavi {
		right: 20px;

	}

	#navigation UL {
		padding-top:100px;
	}	
	
	#title .inner {	
		width: 100%;
	}
	
	#publicationsfilter .inner {	
		width: 100%;
	}
	
	#newstitle .inner {
		width:100%;
	}
	
	#footer .inner {	
		width: 100%;
	}
	
	.block, .blockbig, .block_1, .block_2 {
		width: 100%;
	}
	
	DIV.innerleft{
		padding-right:0px;
	}
	DIV.innerright{
		padding-left:0px;
	}

	.member IMG, .news IMG {
		width:110px;
		padding-top:6px;
	}
	
	.member SPAN.name {
		margin-bottom:5px;
	}
	
	.member .inner {
		margin-left:10px;
		width:160px;
		overflow:hidden;
	}
	
	TABLE.memberdata TD.label {
		width:120px; /*Bildbreite plus Abstand*/
		/*font-size:12px;*/
	}
	
	TD.newsbodyleft {
		width:110px;
	}
	
	.newspic {
		width:25%;
	}
	
	.newspicquer {
		width:50%;
	}
}


/* --- TABLET PORTRAIT -------------------------------------*/
@media screen and (min-width: 768px) and  (max-width: 999px) {

	#logo {
		/*position: static;
		margin-top: 20px;
		margin-bottom: 50px;*/
	}

	#navigation UL {
		padding-top:100px;
	}
	
	#title .inner {	
		width: 100%;
	}
	
	#publicationsfilter .inner {	
		width: 100%;
	}
	
	#newstitle .inner {
		width:100%;
	}
	
	#footer .inner {	
		width: 100%;
	}
	
	.block, .blockbig, .block_1, .block_2 {
		width: 100%;
	}

	DIV.innerleft{
		padding-right:0px;
	}
	DIV.innerright{
		padding-left:0px;
	}

	.newspichoch {
		width:25%;
	}
	
	.newspicquer {
		width:50%;
	}
} 

/* --- ZWISCHENGRÖSSE -------------------------------------*/
@media screen and (min-width: 769px) and  (max-width: 920px) {   
.member .inner {
	width:55%;
}