/* CSS fuer den kompletten header */
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700&subset=latin,latin-ext);
*{
	margin: 0px;
	padding: 0px;
}

/* Container Seitenkopf */
#header {
	height: 124px;
	/*background-color: #fff;*/
	max-width: 985px;
	background: #fff url(../images/header_bottom_background.gif) repeat-x bottom left;
 	position: relative;
	z-index: 2;
	font-size:0.875em;
	min-width: 770px;
	background-color: #c7c9d5;
}

	/* Container für zusätzliche Navigation, zum Beispiel Forschungsdatenbank */
	#header-nav {
		float: left;
		height: 20px;
		background: #fff url(../images/bg_header-nav.jpg) repeat-x 0 0;
		max-width:1000px;
		min-width:775px;
	}


	#courtesy-menu {
		max-width: 985px;
		width: 100%;
		height:1.4em;
		min-height: 21px;
		padding-top:1px;
		background-color: #414141;
		color: #fff;
	}

	*html #courtesy-menu {
		height:1.5em;
	}

/* Metanavigation oben */
ul#courtesy-links {
	float: left;
	margin-left:20px;
	background-color:#414141;
}

	#courtesy-menu li {
		color: #fff;
		font-size: .7em;
		padding-top:3px;
	}

	#courtesy-menu a{
		color: #fff;
		font-size: .7em;
	}

	#courtesy-menu li a{
		color: #fff;
		font-size: 1em;
	}

	ul#courtesy-links li {
		float: left;
		margin-right: 0.8em;
		list-style: none;
		list-style-type: none;
	}

	ul#courtesy-links li.last {
		margin-right:1em;
	}


	/* Sprachauswahl */
	#courtesy-menu .langMenu,
    #courtesy-menu .langMenu2 {
		height:1.5em;
		min-height:16px;
		display: block;
		padding-top: 3px;
		padding-right: 21px;
		margin-right: 0.5em;
		background-image:url(../images/world.png);
		background-repeat:no-repeat;
		background-position:right 1px;
		background-color:#414141;

        position:absolute;
        top:0;
        right:190px;
	}
    #courtesy-menu .langMenu2 {
        right:272px;
        height:16px;
    }
    #courtesy-menu .langMenu2-eng { background:#414141 url(../images/flags-eng.png) no-repeat right 4px;padding-right:28px; }
    #courtesy-menu .langMenu2-deu { background:#414141 url(../images/flags-deu.png) no-repeat right 3px;padding-right:28px; }
	
	#courtesy-menu .langMenu2:hover {
		text-decoration:underline;
	}

    #courtesy-menu .langMenu {
        height:16px;
        padding-right:0px;
    }

    #courtesy-menu .langMenuLabel {
        font-size:0.7em;
        height:16px;
        padding: 0 21px 0 10px;
		cursor:pointer;
    }

	#courtesy-menu .langMenu .langMenuLabel > a {
		font-size: 1em;
	}

	#courtesy-menu .langMenuLabel:hover {
		text-decoration:underline;
	}

    #courtesy-menu .langMenuInner {
        display:none;
        background:#414141;
        padding:5px 10px 5px 10px;
        width:85px;
        position:absolute;
        left:0px;
		z-index:999;
		opacity: 0.85;		
    }
	
    #courtesy-menu .langMenu:hover .langMenuInner {
        display:block;
    }
    *+html #courtesy-menu .langMenuInner {
        top:18px;
    }
	
    #courtesy-menu .langMenu .langMenuInner a {
        display:block;
        padding-bottom:3px;
        font-family: Arial Unicode MS,Arial,Verdana,Tahoma,Helvetica,sans-serif;
    }

    /* Suche */
	#courtesy-menu .search-link a {
        background-color:#414141;
        background-image:url("../images/loupe.png");
        background-position:right 1px;
        background-repeat:no-repeat;
        display:block;
        float:right;
        height:18px;
        margin-right:0;
        min-height:0;
        padding-right:21px;
        padding-top:3px;
	}


    #courtesy-menu .search-link {
        position:absolute;
        right:132px;
        top:0;
    }

	#courtesy-menu form {
		display:block;
		float: right;
		margin: 0 10px 0 0;
		background:#414141;
		height: auto;
	}

    #courtesy-menu #courtesy-form_1{
        position:absolute;
        right:0;
        top:1px;
    }

		#courtesy-menu form label {
			display: none;
		}

		#search-button {
			width: 12px;
			border: none;
			padding-right: 1em;
			background-color:transparent;
			background-image:url(../images/loupe.png);
			background-repeat:no-repeat;
			background-position:0px -1px;
			color: #fff;
		}

		#courtesy-menu form input#search,
		#courtesy-menu form select#quicklinks,
		#courtesy-menu form select#quicklinks_nojs {
			width:10.7em;
			min-width: 110px;
			height:1.5em;
			min-height: 16px;
			border: 1px solid #ffffff;
			border-left: 0px solid #3366CC;
			background: #e9edf0;
			padding-left: 1px;
			margin-left: 0.8em;
			font-size: 0.7em;
    		vertical-align: middle;

/*			box-sizing: border-box; */
/*			-moz-box-sizing: border-box; */ /* gecko */
/*			-webkit-box-sizing: border-box; */ /* khtml/webkit */
		}

		#courtesy-menu form select#quicklinks {
			margin-top:1px;
		}

		#courtesy-menu form input#search:focus,
		#courtesy-menu form select.quicklinks:focus {
			border: 1px solid #ffffff;
			border-left: 0px solid #3366CC;
			background: #ffffff;
		}


/* Seitentitel mit Logo */
#site-title {
	background-color: transparent;
	height: 82px;
	left: 0;
	margin-top: 0;
	padding: 0 0 0 20px;
	position: absolute;
	top: 22px;
	width: 230px;
}

#site-title img {
	height: auto;
	width: 185px;
	margin: 8px 0;
}

	#site-title a {
		position: absolute;
		width: 233px;
		padding: 0;
		color: #333;
	}

		#site-title a span {
			position: absolute;
			right: -3000px;
			top: -3000px;
			width: 0;
			height: 0;
			overflow: hidden;
			display: inline;
			font-size: .8em;
			color: #ccc;
		}

#socialIcons {
	float: right;
    width: 102px;
    padding: 13px 10px 0 0;
    text-align: right;
}

#socialIcons a {
	float: left;
    display: inline-block;
    margin-left: 10px;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 0.3;
}

/* Banner */
#banner {
	float: left;
	background-color: #fff;
	height: 82px;
}


	#banner img{
		background: #ffffff url(../images/header/header_sp_sprite_no_text.png) no-repeat top right;
		height: 82px;
		width: 466px;
		margin-left:260px; 
}

	#banner a:hover img{
		background: #ffffff url(../images/header/header_sp_sprite_no_text.png) no-repeat bottom right;			
}

	#banner.banner-empty img {
			background: #ffffff url(../images/header/header.png) no-repeat top right;
			height: 82px;
			width: 466px;
			margin-left:260px;
	}

	#banner .banner-txt1 {
		position: absolute;
		top: 44px;
		text-transform: uppercase;
		color: #ec581a;
		font-family: 'Roboto Condensed', sans-serif;
		font-weight: 400;
		font-size: 16.5px;
		line-height: 1.18;
		pointer-events: none;
	}
	#banner a:hover > .banner-txt1 {
		color: #6c1f7f;
	}
	#banner .banner-txt1 > em {
		display: block;
		clear: both;
		padding-left: 17px;
		color: #000;
		text-transform: none;		
		font-style: normal;
		font-size: 17.5px;
	}

	#banner .banner-txt2 {
		position: absolute;
		top: 26px;
		color: #FFF;
		font-family: serif;
		font-weight: bold;
		font-size: 28px;
		line-height: 1;
		pointer-events: none;
		max-width: 135px;
	}

	#banner .banner-txt2 > em {
		display: block;
		clear: both;
		color: #FFF;
		text-transform: none;		
		font-style: normal;
		font-size: 12.5px;
		line-height: 1.65;
		font-weight: normal;
		font-family: 'Roboto Condensed', sans-serif;
	}


/* Header Intranet */
#intranet_header {
	float: left;
	background-color: #ffffff;
	height: 82px;
}


	#intranet_header img{
		background: #ffffff url(../images/site-header_intranet.jpg) top right;
		background-repeat:no-repeat;
		height: 82px;
		width: 670px;
		margin-left: 315px;
	}

/* Nummerierung der Navigationspunkte */
.nav_number{
	left:-5000px;
	position:absolute;
	top:-5000px;
	z-index:100;
}


/* Star-HTML-Hack (bis IE6) */
/*
* html #hierDieID {

}
*/

/* IE6 */

* html #header {
	width: expression((document.documentElement && document.documentElement.clientHeight) ? ((document.documentElement.clientWidth < 760) ? "760px" : ((document.documentElement.clientWidth > 985) ? "985px" : "auto" )) : ((document.body.clientWidth < 760) ? "760px" : ((document.body.clientWidth > 985) ? "985px" : "auto" )));
}

* html ul#courtesy-links{
	margin-left: 10px;
}

* html ul#courtesy-links{
	margin-right: 0px;
}

*html #brochure {
		float: right;
		height:1.5em;
		width:70px;
		display: block;
		padding-top: 3px;
		padding-right: 21px;
		margin-right: 0.5em;
		background-image:url(../images/world.png);
		background-repeat:no-repeat;
		background-position:right 1px;
		background-color:#414141;
	}

*html div#header div#courtesy-menu form {
		display:block;
		float: right;
		margin: 0 10px 0 0;
		padding:0;
		background:#414141;
		height: 21px;
		margin-top:-2px;
	}

		*html div#header div#courtesy-menu form label {
			display: none;
		}

		*html div#header div#courtesy-menu form input#search-button {
			width: 12px;
			border: none;
			padding-right: 1em;
			background-color:transparent;
			background-image:url(../images/loupe.png);
			background-repeat:no-repeat;
			background-position:0px 2px;
			color: #fff;
		}

		*html div#header div#courtesy-menu form input#search,
		*html div#header div#courtesy-menu form select#quicklinks {
			width: 110px;
			height: 16px;
			border: 1px solid #ffffff;
			border-left: 0px solid #3366CC;
			background: #e9edf0;
			padding-left: 1px;
			margin-left: 0.8em;
			font-size: 0.7em;
    		vertical-align: middle;
		}

		*html div#header div#courtesy-menu form select#quicklinks {
			margin-top:2px;
		}

		*html div#header div#courtesy-menu form input#search:focus,
		*html div#header div#courtesy-menu form  select.quicklinks:focus {
			border: 1px solid #ffffff;
			border-left: 0px solid #3366CC;
			background: #ffffff;
		}


/*
* html #courtesy-menu form input#search,
* html #courtesy-menu form select#quicklinks,
* html #courtesy-menu form textarea#search {
	width: 110px;
}

* html #courtesy-menu form{
	margin-right: 5px;
}
*/

/* Star-Plus-HTML-Hack (IE7) */
/*
*:first-child+html #HierDieID {

}
*/
*:first-child+html #courtesy-menu form select#quicklinks {
	height:1.5em;
	min-height:16px;
	margin-top:2px;
}
*:first-child+html #courtesy-menu form input#search {
	height:1.3em;
	min-height:14px;
	margin-top:-1px;
}
*:first-child+html #courtesy-menu form input#search-button {
	background-position:0 2px;
}
