/*
Theme Name: Replace with your Theme's name.
Theme URI: Your Theme's URI
Description: A brief description.
Version: 1.0
Author: You
Author URI: Your website address.
*/



@charset "UTF-8";


html {
	  scroll-behavior: smooth;
}

body{
margin:0;
padding:0;
font-size:100.01%;
text-align:left;
position:relative
}

select,input,textarea{
font-size:99%
}

form{
margin:0;
padding:0
}

img{
border:0
}

#left{
float:left
}

#right{
float:right
}

#main{
width:auto;
position:relative
}

.inside{
position:relative;
text-align:left
}

.block{
overflow:hidden
}

.clear,#clear{
height:0.1px;
font-size:0.1px;
line-height:0.1px;
clear:both
}

.invisible{
width:0;
height:0;
left:-1000px;
top:-1000px;
position:absolute;
overflow:hidden;
display:inline
}

.custom{
display:block;
text-align:left
}

.custom:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden
}

*+html #main{
position:static
}

header,footer,nav,section,aside,article,figure,figcaption{
display:block
}

.bild img {
	width:100%;
	height:auto;
}

/* mediaboxAdvanced - black theme */

#mbOverlay{
position:fixed;
z-index:9998;
top:0;
left:0;
width:100%;
height:100%;
background-color:#000;
cursor:pointer
}

#mbOverlay.mbOverlayFF{
background:transparent url("../../plugins/mediabox/1.4.6/images/80.png") repeat
}

#mbOverlay.mbOverlayIE{
position:absolute
}

#mbCenter{
position:absolute;
z-index:9999;
left:50%;
overflow:hidden;
background-color:#000;
-webkit-border-radius:10px;
-khtml-border-radius:10px;
-moz-border-radius:10px;border-radius:10px;
-webkit-box-shadow:0 5px 20px rgba(0,0,0,0.50);
-khtml-box-shadow:0 5px 20px rgba(0,0,0,0.50);
-moz-box-shadow:0 5px 20px rgba(0,0,0,0.50);
box-shadow:0 5px 20px rgba(0,0,0,0.50);
-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=180, Color='#000000')";
filter:progid:DXImageTransform.Microsoft.Shadow(Strength=5,Direction=180,Color='#000000')
}

#mbCenter.mbLoading{
background:#000 url("../../plugins/mediabox/1.4.6/images/loading.gif") no-repeat center;
-webkit-box-shadow:none;
-khtml-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none
}

#mbImage{
position:relative;
left:0;
top:0;
font-family:Myriad,Verdana,Arial,Helvetica,sans-serif;
line-height:20px;
font-size:12px;
color:#fff;
text-align:left;
background-position:center center;
background-repeat:no-repeat;
padding:10px
}

#mbBottom{
min-height:20px;
font-family:Myriad,Verdana,Arial,Helvetica,sans-serif;
line-height:20px;
font-size:12px;
color:#999;
text-align:left;
padding:0 10px 10px
}

#mbTitle,#mbPrevLink,#mbNextLink,#mbCloseLink{
display:inline;
color:#fff;
font-weight:bold;
line-height:20px;
font-size:12px
}

#mbNumber{
display:inline;
color:#999;
line-height:14px;
font-size:10px;
margin:auto 10px
}

#mbCaption{
display:block;
color:#999;
line-height:14px;
font-size:10px
}

#mbPrevLink,#mbNextLink,#mbCloseLink{
float:right;
outline:0;
margin:0 0 0 10px;
font-weight:normal
}

#mbPrevLink b,#mbNextLink b,#mbCloseLink b{
color:#eee;
font-weight:bold;
text-decoration:underline
}

#mbPrevLink big,#mbNextLink big,#mbCloseLink big{
color:#eee;
font-size:16px;
line-height:14px;
font-weight:bold
}

#mbBottom a,#mbBottom a:link,#mbBottom a:visited{
text-decoration:none;color:#ddd
}

#mbBottom a:hover,#mbBottom a:active{
text-decoration:underline;
color:#fff
}

#mbError{
position:relative;
font-family:Myriad,Verdana,Arial,Helvetica,sans-serif;
line-height:20px;
font-size:12px;
color:#fff;
text-align:center;
border:10px solid #700;
padding:10px 10px 10px;
margin:20px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px
}

#mbError a,#mbError a:link,#mbError a:visited,#mbError a:hover,#mbError a:active{
color:#d00;
font-weight:bold;
text-decoration:underline
}












@font-face {
    font-family: 'Calluna';
    src: url('font/CallunaSansRegular-webfont.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'LaneNarrowRegular';
    src: url('font/LANENAR_-webfont.ttf');
    font-weight: normal;
    font-style: normal;

}
@media screen
{








/*	
 * Enable HTML block elements to work in IE 7,8
 */
article, aside, canvas, figcaption, figure, footer, header, hgroup, output, progress, section, video, nav
{
    display:block;
}
* {
	margin:0;
	border:0 none;
}
body {
	font-family:Calluna, Arial, Helvetica, sans-serif;
	font-size:14px;
	padding:0px;
	color:#a69f9c;
	background:#fff;
	height:100%;
    line-height:1.7em;
	min-width:700px;
}
html {
	height:100%;
	overflow-y:scroll;
}
	
#wrapper {
	position:relative;
	width:930px;
	margin-left:auto;
	margin-right:auto;
}

#container {
  position:relative;
}

#logo {
padding-top: 18px;
padding-left: 65px;
}

#logo.start {
  padding-top:70px;
  padding-left:5px;
}

#main {
  margin:0 160px 0 130px;
}

#left {
  width:130px;
  position:fixed;
}

#right {
  width:130px;
}

#right .inside {
  position:fixed;
}

#pageimage {
  width:130px;
  height:65px;
  position:relative;
  background-repeat: no-repeat;
}

#pageimage #wissenschaft {
background-image:url(img/Symbolbilder/Wissenschaft.jpg) !important;
}

#pageimage img {
  position:absolute;
  top:0;
  left:0;
}

#pageimage-template {
  width:130px;
  height:65px;
  position:relative;
}

#pageimage-template img {
  position:absolute;
  top:0;
  left:0;
}






.clr {
	clear:both;
}



.invisible {
	display:inline;
	height:0;
	left:-1000px;
	overflow:hidden;
	position:absolute;
	top:-1000px;
	width:0;
}

/* content elements */

h1, h2, h3, span.h1 {
	color:#8e8e8e;
  padding-left:30px;
  
}

h1, .h1 {
	font-size:26px;
  margin-top:40px;
  padding-bottom:2px;
}

h2, .h2 {
	margin:15px 0;
	font-size:24px;
  line-height:80px;
  background:#D8D8D4;
  font-family:"LaneNarrowRegular", Arial, Helvetica, sans-serif;
}

h1 span.white {
  color: #fff;
}

#start h1 {
  margin-top:81px;
}

h3 {
	margin-bottom:5px;
	margin-top:10px;
	font-size:1.5em;
}

.quote {
  margin-top:15px;
	font-size:20px;
  padding:30px;
  background:#D8D8D4;
  font-family:"LaneNarrowRegular", Arial, Helvetica, sans-serif;
}

a {
  text-decoration:underline;
  color:#a69f9c;
}

a:hover {
  color:#8e8e8e;
}


iframe {
	width:640px;
}


/* navigation  */

#navbar {
  margin-top:15px;
}

#navbar ul  {
	padding:5px 0;
	margin:0px;
	overflow:hidden;
	height:auto;
  	background:#D8D8D4;
  	width:130px;
  	font-size:20px;
	}
	
#navbar li {
	list-style:none;
	margin:0px;
	}

#navbar li a, #navbar a {
	display:block;
	padding:7px 0 7px 15px;
	text-decoration:none;
	color:#fff;
}


#navbar a:hover, #navbar li a:hover {
    color: #8e8e8e;
}

	
#navbar li span.active, #navbar li a.trail, #navbar li.active a {
	display:block;
  	/*padding:7px 0 7px 15px;*/
	text-decoration:none;
	/*color:#8e8e8e;*/
}

#navbar .current_page_item > a,
#navbar .current-menu-item > a
#navbar .current-menu-ancestor > a {
    color: #8e8e8e;
}


.sub-menu { display: none; }
.current-menu-item .sub-menu,
.current-menu-ancestor .sub-menu { display: block; }



/*2nd lvl */

#navbar ul.level_2 li.first a, #navbar ul.level_2 li.first span {
	padding-top:0px;
}

#navbar ul.level_2 li.last a, #navbar ul.level_2 li.last span {
  padding-bottom:0px;
}

#navbar li li {
	border-bottom:none;
}
	
#navbar li li a {
	padding:5px 0 5px 30px;
	border-bottom:none;
  	font-size:15px;
}

#navbar li li a:hover, #navbar li li a.active, #navbar li li.active a {
	padding:5px 0 5px 30px;
  	color:#8e8e8e;
}






/* contact */

#contact {
  font-size:13px;
  line-height:2em;
  margin:55px 0 0 6px;
}

#contact a {
  text-decoration:none;
  color:#a69f9c
}

#contact a:hover {
  text-decoration:underline;
}

/* news */

.mod_newslist figure, .mod_newslist .info, .mod_newslist .caption {
  float:left;
}

.blog {
	max-width:485px;
}

.mod_newslist .info, .mod_newslist .caption {
  width:140px;
  margin-left:15px;
  
}

.mod_newslist .info {
  padding:12px 0;
}

.mod_newslist .caption {
  border-top:1px solid #a69f9c;
  border-bottom:1px solid #a69f9c;
  color:#a69f9c;
  padding:12px 0;
}

/*scrollcontent */

.mod_article.scrollable {
  padding-top:65px;
}

/* custom figure element */

.ct_figure {
  border-bottom:1px solid #cec9c9;
  padding-bottom:30px;
  margin-bottom:30px;
}

.ct_caption {
    text-align:center;
  margin-top:10px;
    }
    
.caption {
    color:#4a4747;
    }
}