@media screen {
	/* header */
	
	#ci_header {
	    position: relative;
	    z-index: 500;
	}
	#ci_header #ci_branding {
		background: url('../img/header/classFlag.png') no-repeat;
		font-size: 0;
		height: 100px;
		width: 90px;
		line-height: 0;
		position: absolute;
		top:-2px;
		left: 20px;
	}
	#ci_header #ci_branding > a {
		background-color: transparent;
		display: inline-block;
		height: 96px;
		width: 86px;
	}
	.ci_ie7 #ci_header #ci_branding > a {
		display: inline;
		zoom: 1;
	}
	
	/* nav */
	#ci_header ol { 
		list-style-type: none;
		padding: 0;
	}
	#ci_header ol#ci_nav {
		background-color: #333;
		border-top: 4px solid #af3434;
		padding: 0 140px 0 135px;
	}
	#ci_header #ci_nav  > li {
		font-size: 1.25em;
		color: #ddd;
		cursor: default;
		text-transform: uppercase;
		font-weight: 700;
		letter-spacing: 0.05rem;
		line-height: 2.2rem;
		
		padding: 0 0.6rem;
		position:relative;
		display: inline-block;
		margin-left: -5px; /* hack to fight whitespace */
	}
	.ci_ie7 #ci_header #ci_nav  > li {
		display: inline;
		zoom: 1;
	}
	#ci_header #ci_nav  > li:before {
		line-height: 2.2em;
		vertical-align: middle;
	}
	/*#ci_header #ci_nav .ci_start:before {	 content: url('../img/header/aperture_16x16.png');	 } */
	#ci_header #ci_nav .ci_start:before {	 content: url('../img/header/home_16x16.png');	 }
	#ci_header #ci_nav .ci_definition:before { content: url('../img/header/bars_16x16.png');	}
	#ci_header #ci_nav .ci_import:before { content: url('../img/header/upload_12x16.png');	}
	#ci_header #ci_nav .ci_classification:before { content: url('../img/header/article_16x16.png');	}
	#ci_header #ci_nav .ci_export:before { content: url('../img/header/download_12x16.png');	}
	#ci_header #ci_nav .ci_ansicht:before { content: url('../img/header/magnifying_glass_16x16.png');	}
	
	#ci_header #ci_nav  .ci_first_level .ci_title a {
		color:#ddd;
		padding:0;
	}
	#ci_header #ci_nav  li.ci_active,
	#ci_header #ci_nav  li.ci_active.ci_first_level .ci_title a,
	#ci_header #ci_nav  li.ci_first_level:hover,
	#ci_header #ci_nav  li.ci_first_level:hover span.ci_title a {
		background-color: #fff;
		color: #666 !important;
	}
	
	#ci_header #ci_nav  li.ci_first_level:hover span.ci_title a {
		text-decoration: underline;
	}
	#ci_header #ci_nav  .ci_first_level .ci_title a:hover {
		background-color: transparent;
	}
	
	/* nav second level*/
	#ci_header #ci_nav  .ci_second_level_layer {
		display: none;
		position: absolute;
		left: -4.2em;
		overflow:hidden;
		z-index: 500;
	}
	.ci_no_js #ci_header #ci_nav  > li:hover .ci_second_level_layer {
		display: block;
	}
	#ci_header #ci_nav  .ci_second_level_layer > ol {
		background-color: #fff;
		padding: 1em 2em;
		width: 25em;
		letter-spacing: 0.015em;
	}
	.ci_ie8 #ci_header #ci_nav  .ci_second_level_layer > ol {
		border-left: 1px solid #999;
		border-right: 1px solid #999;
		border-bottom: 1px solid #999;
		
	}
	#ci_header #ci_nav  .ci_second_level {
		background-color: #fff;
		color: #333;
		border-top: 1px solid #999;
		font-size: 0.7em;
		font-weight: 500;
		text-transform: none;
		line-height: 2em;
		padding: 0.8em 0 0.3em;
	}
	#ci_header #ci_nav  .ci_second_level:first-child {
		border-top: 0;
	}
	#ci_header #ci_nav  .ci_second_level > * {
		display: inline-block;
		vertical-align: top;
		font-size: 0.95em;
	}
	.ci_ie7 #ci_header #ci_nav  .ci_second_level > * {
		display: inline;
		zoom:1;
	}
	#ci_header #ci_nav  .ci_second_level h3 {
		font-size: 1em;
		font-weight: 400;
		color: #888;
		text-transform: uppercase;
		line-height: 2em;
		display: block;
		margin-top:0;
	}
	#ci_header #ci_nav  .ci_second_level h3:before {
		margin-right: 0.4em;
		vertical-align: middle;
	}
	#ci_header #ci_nav  .ci_definition .ci_second_level h3:before {content: url('../img/header/download_9x12.png'); }	
	#ci_header #ci_nav  .ci_import .ci_second_level h3:before {content: url('../img/header/download_9x12.png'); }
	#ci_header #ci_nav  .ci_klassifizierung .ci_second_level h3:before {content: url('../img/header/download_9x12.png'); }
	#ci_header #ci_nav  .ci_export .ci_second_level h3:before {content: url('../img/header/download_9x12.png'); }
	#ci_header #ci_nav  .ci_ansicht .ci_second_level h3:before {content: url('../img/header/download_9x12.png'); }
	
	
	#ci_header #ci_nav  .ci_second_level > ol,
	#ci_header #ci_nav  .ci_second_level > span{
		/*width: 40%;*/
	}
	#ci_header #ci_nav  .ci_second_level > ol a {
		font-weight: 500;
		font-size: 1.1em;
	}
	
	
	/* @todo After all the specific css stuff is cleaned remove important from this */
	#ci_header #ci_nav  .ci_second_level > ol a:hover,
	#ci_header #ci_nav  .ci_second_level > ol a:focus {
		color: #fff;
		background-color: #bb4b42 !important;
	}
		
	
	#ci_header #ci_nav  .ci_second_level > p { 
		font-size: 0.95em;
		width: 58%;
		font-weight: 400;
		margin-top: 0;
	}
	#ci_header #ci_nav  .ci_second_level p:before {
		content: url('../img/header/info_12x24.png');
		float:left;
		margin: 0.55em 0.4em 0 0;
	}
	
	/* Subsidiaries */
	#ci_header #ci_nav_subsidiaries {
		position: absolute;
		right: 0;
		text-align: right;
		top: 0.4em;
	}
	#ci_header #ci_nav_subsidiaries span {
		font-size: 0.75em;
		font-weight: 500;
		letter-spacing: 0.12em;
		line-height: 1.6em;
		color: #fff;
		padding-right: 0.8em;
		cursor: default;
	}
	#ci_header #ci_nav_subsidiaries span:before { 
		margin-right: 0.2em;
	}
	#ci_header #ci_nav_subsidiaries .ci_hilfe span:before { content: url('../img/header/compass_8x8.png'); }
	#ci_header #ci_nav_subsidiaries .ci_abmelden span:before { content: url('../img/header/key_fill_8x8.png');	}
	#ci_header #ci_nav_subsidiaries .ci_einstellungen span:before { content: url('../img/header/cog_8x8.png');	}
	
	#ci_header #ci_nav_subsidiaries ol { 
		display: none;
		background-color: #FFFFFF;
		line-height: 2em;
	}
	#ci_header #ci_nav_subsidiaries > li:hover { 
		padding: 0.6em;
		background-color: #fff;
		position: absolute;
		z-index: 1;
		box-shadow: 0px 0px 4px #666;
		text-align: left;
		right:0;
	}
	#ci_header #ci_nav_subsidiaries > li:hover ol { 
		display: block;
		margin-top: 0.2em;
	}
	#ci_header #ci_nav_subsidiaries > li:hover li{ 
		white-space: nowrap;
	}
	#ci_header #ci_nav_subsidiaries > li:hover span { 
		color: #333;
		font-size: 1.1em;		
	}	
	#ci_header #ci_nav_subsidiaries > li:hover span:before { 
		content: '';
		margin-right: 0;
	}
	
	
	/* path nav */
	#ci_header #ci_nav_path {
		background-color: #444;
		padding-left: 135px;
		margin-left: -4px;
		cursor: default;
	}
	#ci_header #ci_nav_path:before {
		background-color: #777777;
		content: url("../img/header/fork_16x14.png");
		display: inline-block;
		line-height: 1em;
		margin-right: 0.4em;
		padding: 0.25em 0.3em 0;
		vertical-align: middle;
	}
	.ci_ie7 #ci_header #ci_nav_path:before {
		display: inline;
		zoom: 1;
	}
	#ci_header #ci_nav_path li{
		color: #EEEEEE;
		display: inline;
		font-weight: 600;
		line-height: 2em;
		vertical-align: middle;
		cursor: default;
	}
	#ci_header #ci_nav_path li:before{
		content: url("../img/header/arrow_14x18.png");
		margin-left: 0.2em;
		padding: 0em 0.4em 0;
		vertical-align: middle;
	}
	#ci_header #ci_nav_path li:first-child:before{
		content: "";
		margin:0;
		padding:0;
	}

	#ci_header #ci_nav_path a {
		color: #fff;
	}

	
	/* user info */
	#ci_header #ci_user_info {
		line-height: 2.1em;
		position: absolute;
		right: 0em;
		top: 3.1em;
		padding: 0 0.6em;
	}
	#ci_header #ci_user_info button{
		border: 0;
		background-color: transparent;
		color: #eee;
		padding:0;

	}
	#ci_header #ci_user_info:hover {
		background-color: #fff;
		box-shadow: 0px 0px 4px #666;
	}
	#ci_header #ci_user_info:hover  button {
		color: #333;
		font-size: 1.1em;
		
	}
	#ci_header #ci_user_info .ci_user_options {
		display: none;
		padding: 0;
		background-color: #fff;
	}
	#ci_header #ci_user_info:hover .ci_user_options {
		display: block;
	}
	#ci_header #ci_user_info strong {
		font-weight: 500;
	}
	#ci_header #ci_user_info .ci_user_options a:before { 
		margin-right: 0.2em;
	}
	
	/* keine ausgegrauten Texte im Modal �ber Class.Room */ 
	.information_header {
		color: #606060;
	}
	
	
	#revisions{
	overflow-y: auto;
	max-height: 200px;
	}
	
	/* Impressum */
	.ci_imprint {
		padding: 0.4em 0 0 1em;
	}
	
	.ci_imprint ul {
		padding: 0.4em 0 0 1.5em;
		list-style-type: disc;
	}
	
	#browserResult {
    	background-color: #f04124;
    	border-color: #de2d0f;
    	color: #fff;
	    border-style: solid;
	    border-width: 1px;
	    display: block;
	    font-size: 0.8125rem;
	    font-weight: normal;
	    margin-bottom: 1.25rem;
	    padding: 0.875rem 1.5rem 0.875rem 0.875rem;
	    position: relative;
	    transition: opacity 300ms ease-out 0s;

	}
	
	#browserResult p {
    	margin: 0;
	}
	
	.closeBrowserInfo {
		float: right;
		position: relative;
		bottom: 30px;
		left: 20px;
	}

	#instance_name_block{
		font-family: sans-serif;
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 0.4rem 1.4rem 0.3rem;
		font-size: 1rem;
		font-weight:400;
		background-color: #af3434;
		color: #FFFFFF;
		line-height: 1.4;

	}
	#instance_name_block>span {
		padding: 0.3rem 0 0
	}
}