/* -------------------------------------------------------------------------------------------------------- HEADER ALLGEMEIN */
#header {
	background: url('../img/hm_header.de.jpg') no-repeat;
	background-position: left 34px;
	height: 309px;
}
#header-min {
	background: url('../img/_technik_1/bg_headerMin.jpg') no-repeat;
	background-position: left 34px;
	height: 118px;
}
#header h1, #header-min h1 {
	position: absolute;
	left: 0px;
	text-indent: -1000px; /* hiermit wird der text also aus dem rahmen entfernt */
	overflow: hidden; /* damit der nach links eingerückte text nicht angezeigt wird */
}
#header h1 {
	background: url('../img/_technik_1/hm_logo_header.de.jpg') no-repeat;
	width: 240px;
	height: 132px;
	top: 85px;
}
#header-min h1 {
	background: url('../img/_technik_1/logo_headerMin.de.jpg') no-repeat;
	width: 108px;
	height: 45px;
	top: 35px;
}
#header h1 a { width: 240px; height: 132px; display: block; }
#header-min h1 a { width: 62px; height: 45px; display: block; }

/* -------------------------------------------------------------------------------------------------------- HEADERSWITCH */

#header #headerswitch, #header-min #headerswitch {
	position: absolute;
	right: 8px;
	color: #8C8C8C;
	z-index: 0;
	font-size: 11px;
}
#header #headerswitch {	top: 320px; }
#header-min #headerswitch { top: 128px; }

#header #headerswitch a, #header-min #headerswitch a {
	font-size: 11px; color: #8C8C8C; z-index: 1; font-weight: normal; text-decoration: none;
}

/* -------------------------------------------------------------------------------------------------------- METANAVIGATION */
#header #service-nav, #header-min #service-nav { position: absolute; top: 9px; left: 0px; height: 25px; }
#header #service-nav span, #header-min #service-nav span { margin-left: 10px; margin-right: 10px; }
#header #service-nav ul, #header-min #service-nav ul { list-style-type: none; margin: 0px; padding: 0px; }
#header #service-nav li, #header-min #service-nav li { float: left; }
#header #service-nav li a, #header-min #service-nav li a{
	font-size: 12px;
	color: #464646;
	text-transform: uppercase;
	text-decoration: none;
}
/* -------------------------------------------------------------------------------------------------------- BREADCRUMB */

#header #breadcrumb, #header-min #breadcrumb {
	position: absolute;
	left: 20px;
	font-size: 11px;
	color: #8C8C8C;
	z-index: 0;
}
#header #breadcrumb { top: 320px; }
#header-min #breadcrumb { top: 128px; }
#header #breadcrumb a,#header-min #breadcrumb a { font-size: 11px; color: #8C8C8C; z-index: 1; }

/* -------------------------------------------------------------------------------------------------------- LANGUAGE SWITCH */
#header #language-switch, #header-min #language-switch { position: absolute; top: 9px; right: 245px; height: 25px; }
#header #language-switch ul, #header-min #language-switch ul { list-style-type: none; margin: 0px; padding: 0px; }
#header #language-switch li, #header-min #language-switch li { float: left; }
#header #language-switch li a, #header-min #language-switch li a{
	font-size: 12px;
	color: #464646;
	text-transform: uppercase;
	text-decoration: none;
}
/* -------------------------------------------------------------------------------------------------------- SUCHE */
#header #search , #header-min #search {
	position: absolute;
	padding: 0px;
	float: right;
	top: 0px;
	right: 7px;
	width: 241px;
}
#header .search-input, #header-min .search-input {
	position: absolute;
	width: 175px;
	top: 5px;
	border: 1px solid;
	border-color: #898989;
	margin-left: 10px;
	padding-top: 4px;
	padding-left: 5px;
}
#header .search-submit, #header-min .search-submit{
	float: right;
	background: url('../img/_technik_1/hm_arrowbox_grey.gif');
	background-repeat: no-repeat;
	border: 0px;
	width: 38px;
	height: 33px;
}

/* -------------------------------------------------------------------------------------------------------- HAUPTNAVIGATION */
/*
*		Umbau Hauptnavigation aufgrund geänderter Anforderungen
*		- Klappmenüs abhängig vom Header-Status
*
*		Autor: Mathias Reginka (Agentur zur schönen Gärtnerin GmbH)
*		Datum: 20.07.2009
*
*		edit(Matthias Marm, ARITHNEA): z-index von 5 auf 200 erhöht da sonst bei minimiertem header die shortcut-navi hinter dem text der Primärnavigation liegt.
*/
#header #main-nav,#header-min #main-nav  {
	position: absolute;
	border-top: 1px solid #FFFFFF;
	z-index: 200;
	height: 40px;
	left: 0px;
}
#header #main-nav { top: 268px; }
#header-min #main-nav {
	top: 80px;
	z-index: 1;
}

#header #main-nav ul, #header-min #main-nav ul { list-style-type: none; margin: 0px; padding: 0px; }
#header #main-nav ul li, #header-min #main-nav ul li {
	position: relative;
	width: 241px;
	float: left;
	margin: 0 7px 0 0;
	background-color: #929292;
	background-image: url('../img/_technik_1/hm_arrow_mainnav_white.gif');
	background-repeat: no-repeat;
	background-position: right bottom;
}
#header #main-nav ul li.last, #header-min #main-nav ul li.last { margin-right: 0; }
#header #main-nav li.nolink, #header-min #main-nav li.nolink { background-image: none; height: 40px;}

#header .main-nav-layer, #header-min .main-nav-layer {
	position:absolute;
	display:block;
	left: 0px;
	height: 155px;
	width:217px;
	padding:15px 12px;
	z-index:300;
	line-height:16px;
	display: none;
}
#header .main-nav-layer {
	background-color:#fff;
	top: -185px;
}
#header-min .main-nav-layer {
	background-color:#DADADA;
	top: 69px;
}
#header .main-nav-layer a, #header-min .main-nav-layer a { display:block; }
#header .main-nav-layer a:hover, #header-min .main-nav-layer a:hover { font-weight: bold; }
#header .main-nav-layer p, #header-min .main-nav-layer p { margin-bottom: 5px; }

#header #main-nav ul li a.main, #header-min #main-nav ul li a.main {
	display: block;
	width: 201px;
	height: 19px;
	line-height: 18px;
	font-size: 16px;
	text-transform: uppercase;
	color: #FFFFFF;
	text-decoration: none;
	padding: 17px 30px 4px 10px;
	background-image: url('');
	background-position: -1000px -1000px;
	background-repeat: no-repeat;
	vertical-align: bottom
}
#header #main-nav ul li a.main:hover,
#header #main-nav ul li a.main.selected,
#header-min #main-nav ul li a.main:hover,
#header-min #main-nav ul li a.main.selected {
	padding-top: 46px;
	background-position: 0px 0px !important;
	background-color: #FFF;
}
#header #main-nav ul li a.main.zweizeilig, #header-min #main-nav ul li a.main.zweizeilig {
	width: 201px;
	height: 32px;
	line-height: 16px;
	font-size: 14px;
	padding: 4px 30px 4px 10px;
	vertical-align: bottom
}
#header #main-nav ul li a.main.zweizeilig:hover,
#header #main-nav ul li a.main.zweizeilig.selected,
#header-min #main-nav ul li a.main.zweizeilig:hover,
#header-min #main-nav ul li a.main.zweizeilig.selected {
	width: 201px;
	height: 34px;
	line-height: 17px;
	font-size: 15px;
	padding: 31px 30px 4px 10px;
}

/* -------------------------------------------------------------------------------------------------------- FAKULTÄTSSPEZIFISCH */

#header-min  #faculty-color-bar, #header-min  #faculty-color-bar .faculty-color-bar-number { display:none; }