* { margin: 0; padding: 0; border: 0; }
html {height:100%;}
body { font-family: Arial; font-size:14px; color:#556670; background-color:#FFFFFF; height:100%; overflow-y:scroll; text-align:center; line-height: 18px;  }
h1 { font-size:20px; margin: 0px 0px 20px 0px; color:#0181be; text-align:left; }
h2 { font-size:16px; margin: 0px 0px 20px 0px; color:#0181be; }
p { margin: 0px 0px 20px 0px; }
a { color:#197ba5;}
ul, ol { margin:15px;}
iframe { width:100%; height: 400;}
input { border:1px solid #556670; }
button { border:1px solid #556670; }
#main { position:relative; width:100%; max-width: 1200px; margin:0px auto 0px auto; height:auto; }
#logo { position:absolute; top:60px; right:20px; }	
#topmenu { position:fixed; top:0px; left:0px; background-image: url('../images/bg_topmenu.png'); width:100%; height:30px; z-index: 198; }
#topmenu ul { float:left; list-style-type: none; height:30px; margin: 0px; }
#topmenu ul li{ float:left; display: inline-block; padding-left:5px; }
#topmenu ul li a{ line-height:30px; color:#FFFFFF; text-decoration:none; font-size:13px; }
#topmenu ul li a span.image-title{ display: none; }
#imprint { position:fixed; top:30px; left:5px; background-color:#FFFFFF; width:100%; height:20px; z-index: 198; }
#imprint ul { float:left; list-style-type: none; height:20px; margin: 0px; }
#imprint ul li{ float:left; display: inline-block; padding-left:3px; }
#imprint ul li a{ line-height:20px; color:#556670; text-decoration:none; font-size:13px; }
#menu{display:none; position: fixed; width:100%; height:100%; top:30px; z-index: 199;background-color: #FFFFFF; text-align:left; }
#menu ul{ padding:10px 0px 35px 0px; list-style-type: none;background-color: #FFFFFF; margin: 0px; }
#menu ul li { padding-left:10px;background-color: #FFFFFF; }
#menu ul li a { text-decoration:none; color:#556670; font-weight:normal; font-size:18px; line-height: 30px; }
#menu ul li a:hover, #menu ul li.active a{ color:#0181be; }
#menu ul ul{ padding:0px 0px 0px 0px; }
#menu ul li.active ul li a{ color:#556670; }
#menu ul li.active ul li a:hover, #menu ul li.active ul li.active a{ color:#197ba5; }
.show-menu{ position:fixed; top:0px; right:5px;height:30px; width:30px; text-decoration:none;background-image:url('../images/background_resmenu.png');background-position:top right;background-repeat:no-repeat;display:block;z-index:200;cursor:pointer; }
input[type=checkbox]{display:none;-webkit-appearance:none;}
input[type=checkbox]:checked ~ #menu{display:block; }
.show-menu{}
#content { padding:210px 15px 0px 15px; text-align: left; line-height:20px; }
.blog, .blog-featured { text-align: center;  font-size:0px; }
.blog img, .blog-featured img { width: 100%; height:auto; }
.blog p, .blog-featured p { padding:0px 5px 5px 5px; margin:0px; }
.blog h3, .blog-featured h3 { padding:0px 5px 0px 5px;  margin:0px; color:#000000; font-size: 13px; }
.bg_news1 { background-color: #71bf44; color:#000000; padding-bottom: 20px; height:300px; }
.bg_news2 { background-color: #0095da; color:#000000; padding-bottom: 20px; height:300px; }
.bg_news3 { background-color: #fff200; color:#000000; padding-bottom: 20px; height:300px; }
.bg_news4 { background-color: #00aeef; color:#000000; padding-bottom: 20px; height:300px; }
.bg_news5 { background-color: #00a88e; color:#000000; padding-bottom: 20px; height:300px; }
.bg_news6 { background-color: #00abcd; color:#000000; padding-bottom: 20px; height:300px; }
.bg_news7 { background-color: #00aaad; color:#000000; padding-bottom: 20px; height:300px; }
.bg_news8 { background-color: #22b24c; color:#000000; padding-bottom: 20px; height:300px; }
.bg_news9 { background-color: #00a76d; color:#000000; padding-bottom: 20px; height:300px; }
.bg_news10 { background-color: #00a651; color:#000000; padding-bottom: 20px; height:300px; }
.bg_news11 { background-color: #00a651; color:#000000; padding-bottom: 20px; height:300px; }
.bg_news12 { background-color: #d7df21; color:#000000; padding-bottom: 20px; height:300px; }
.platzhalter { }
.items-leading div, .cat-children div { position:relative; width: 100%; max-width: 270px; height:auto; margin: 20px auto 0px auto; text-align:left;  font-size:14px; line-height:normal; }
.veranstaltungen .items-leading div { position:relative; width: 100%; max-width: auto; height:auto; margin: 0px auto 5px auto; text-align:left;  font-size:14px; }
.veranstaltungen .items-leading div img{ display:none; }
.veranstaltungen .items-leading h2 { margin:5px 0px 5px 0px; padding:5px 0px 0px 0px; vertical-align: middle; font-size:18px;}
.veranstaltungen .items-leading p { padding-top:5px; }
.blog .readmore, .blog-featured .readmore { position:relative; height:0px; margin:0px; padding:0px;}
.blog .readmore a, .blog-featured .readmore a { position:absolute; right: 5px; bottom: 7px; display:block; text-decoration:none; color:#000000; margin:0px; }
.aktuelles .items-leading div:nth-last-child(1) div, .aktuelles .items-leading div:nth-last-child(2) div, .aktuelles .items-leading div:nth-last-child(3) div, .aktuelles .items-leading div:nth-last-child(4) div { display: none;}
.cleft img { width:100%; margin-bottom: 25px; }

.mitglieder ul, .forschung ul { list-style-type: none; height:auto; }
.mitglieder ul li, .forschung ul li{ margin-bottom:20px; border-bottom: 1px solid;  }
.mitglieder ul li p, .forschung ul li p { margin:5px 0px 5px 0px; }
.mitglieder ul ul li, .forschung ul ul li{ vertical-align: middle; margin:0px 0px 0px 0px; padding:0px;border:0px;text-transform:uppercase; font-size: 13px; }
.forschung ul ul li h2{ margin:5px; text-transform:uppercase; font-size: 13px; color:#000000; font-weight:normal; }
.mitglieder ul ul li:first-child{ background-color: #FFFFFF; }
.mitglieder ul ul li:last-child{ padding: 10px 5px 0px 5px; }
.forschung ul ul { margin:0px; }



div.mod-languages li { margin-left: 2px; margin-right: 2px; }

@media all and (min-width:470px){
	.show-menu{ display:none; }
	#content { padding:210px 20px 0px 20px; }
	.item-page, .blog, .login, .logout { margin: 50px 0px 0px 0px; }
	h1 {  }
	#topmenu ul { margin-left:10px; }
	#topmenu ul li{ margin-right:10px; }
	#imprint { left:17px; }
	#menu{display:inline; position: absolute; height:auto; top:210px; left:0px;z-index: 190;}
	#menu ul{ display:flex; justify-content: space-between; padding:0px 20px 0px 20px; list-style-type: none;background-color: #FFFFFF;  }
	#menu ul li { padding-left:0px;background-color: #FFFFFF; }
	#menu ul li a { font-size:15px; }
	#menu ul li a:hover, #menu ul li.active a{ color:#0181be; }
	#menu ul ul{ display:none; position:absolute; padding:0px 0px 0px 0px; background-color:#e8eff2; }
	#menu ul ul li{ padding:0px 10px 5px 10px; margin-left:-10px;background-color:#e8eff2; }
	#menu ul ul li a{ line-height:20px; }
	#menu ul li:hover ul{ display:block; }
	#menu ul li ul li.active { color:#FFFFFF; background-color: #0181be; }
	#menu ul li.active ul li.active a{ color:#FFFFFF;  }
	#menu ul li.active ul li a:hover{ color:#0181be;  }
	#menu ul li.active ul li:hover, #menu ul li.active ul li.active { color:#0181be;  }
	.blog p, .blog-featured p { padding:0px 5px 5px 5px; margin:0px; }
	.items-leading div { display:inline-block; position:relative; max-width: 270px; height:auto; margin: 20px 5px 0px 5px; vertical-align: top; }
	.veranstaltungen .items-leading div { display:block; position:relative; max-width: 100%; height:auto; margin: 0px 5px 5px 5px; vertical-align: middle; padding-top:5px; }
	.presse .items-leading div { display:block; position:relative; max-width: 100%; height:auto; margin: 0px 0px 20px 0px; vertical-align: middle; }
	.presse .items-leading div img{ width:auto; height:auto; }
	.presse p { padding:0px 0px 5px 0px; margin:0px; }
	.items-leading div div{ width: 100%; height:300px; }				
	.veranstaltungen .items-leading div div{ width: 100%; height:auto; margin: 0px 5px 0px 5px; }		
	.blog .readmore a, .blog-featured .readmore a{ position:absolute; right: 5px; bottom: 7px; display:block; text-decoration:none; color:#000000; }
	.veranstaltungen .readmore a{ position:absolute; right: 5px; bottom: 5px; display:block; text-decoration:none; color:#000000; }
	div.mod-languages li { margin-left: 5px; margin-right: 5px; }
}

@media all and (min-width:500px){
	#menu ul li a { font-size:16px; }
	#menu ul ul li a{ line-height:23px; }
	.items-leading { text-align: justify; text-justify: distribute-all-lines; font-size: 0 !important; }
}

@media all and (min-width:700px){
	#logo { position:absolute; top:20px; right:20px; z-index:200; }	
	#topmenu { position:absolute; top:80px; left:20px; background-repeat:repeat-y; background-position: right 300px top 0px; width:97%; }
	#topmenu ul { float:left; list-style-type: none; height:30px;  }
	#topmenu ul li{ float:left; display: inline-block; padding-left:3px; }
	#topmenu ul li a{ line-height:30px; color:#FFFFFF; text-decoration:none; }
	#topmenu ul li a span.image-title{ display: none; }
	#menu{ top:190px; }
	#imprint { position:absolute; top:110px; left:0px; }
	#imprint ul { float:left; list-style-type: none; height:20px; margin-left:17px; }
	#imprint ul li{ float:left; display: inline-block; padding-left:3px; }
	#imprint ul li a{ line-height:20px; color:#556670; text-decoration:none; }
	#imprint ul li a span.image-title{ display: none; }
	.veranstaltungen .items-leading h2 { margin:5px 0px 5px 0px; padding:0px; vertical-align: middle; }
	.veranstaltungen .items-leading h3 { width:100px; float:left; margin:0px 0px 0px 0px; padding:0px; vertical-align: middle; }
	.veranstaltungen .items-leading p { padding-left:110px; }
	.veranstaltungen .items-leading div { clear:left; }
	.veranstaltungen .items-leading div div{ background-image: url('../images/background_veranstaltungen.png'); background-repeat:repeat-y; }
	.cright { width: 50%; float:right; }
	.cleft { width: 50%; }
	.cleft img{ width: 97%; }
	.organisation { margin: 0px 0px 0px -240px; float: left; }
}

@media all and (min-width:800px){
	
}

@media all and (min-width:1000px){
	.blog .readmore a, .blog-featured .readmore a{ position:absolute; right: 5px; bottom: 7px; display:block; text-decoration:none; color:#000000; }
	.veranstaltungen .items-leading { text-align: justify; }
	
	
	.mitglieder ul, .forschung ul { font-size: 0px; }
	.mitglieder ul li, .forschung ul li{ display:inline-block; width:48%; margin:0% 2% 0% 0%; border:0px;font-size:14px; vertical-align: top; overflow: hidden; padding-bottom: 20px; }
	.mitglieder ul li:nth-child(2n), .forschung ul li:nth-child(2n){ margin:0% 0% 0% 2%; }
	.mitglieder ul li p, .forschung ul li p { margin:5px 0px 5px 0px; }
	.mitglieder ul ul, .forschung ul ul { height: 38px; overflow: hidden; }
	.mitglieder ul ul li { vertical-align: middle; margin:0px 0px 0px 0px; padding:0px; width:205px; font-size: 13px; line-height: 18px; }
	.mitglieder ul ul li:last-child{ padding: 5px 5px 5px 10px; width:auto; height:auto; margin:-85px 0px 0px 205px; right:0px;}
	.forschung ul ul li{ padding: 5px 5px 5px 10px; width:auto; height:auto;}
}