@charset "UTF-8";

@media screen , projection {
	body.portal_fixed {
		overflow: hidden;
	}

	.portal #nav ul, .portal_fixed #nav ul {
		width: auto;
	}
	.portal #nav li a,
	.portal_fixed #nav li a {
		font-size: 10px;
		text-transform: uppercase;
	}

	.portal #nav li a.hilfe,
	.portal_fixed #nav li a.hilfe {
		font-size: 14px;
		padding: 2px 9px;
		height: 17px;
		text-transform: none;
	}

	body.portal {
/*		overflow: auto; */
	}

	body.content-only {
		padding: 4px;
	}
/*	
	#ifr-he-portal {
	-webkit-overflow-scrolling:touch;
	scrolling: touch;
	overflow: auto;
	}
*/
	
	.portal .page_margins, 
	.portal_fixed .page_margins {
		width: 100%;
		border: none;
		min-width: 800px;
		margin: 0;
		z-index: 1;
		overflow: hidden;
	}
	
	.portal .page,
	.portal_fixed .page {
		padding: 0;
		overflow: hidden;
	}
	
	.portal #header,.portal #topnav,.portal #banner,.portal #raster,
	.portal_fixed #header,.portal_fixed #topnav,.portal_fixed #banner,.portal_fixed #raster {
		background: transparent;
	}
	.portal #body1,.portal #body2,.portal #body4,.portal #body5,
	.portal_fixed #body1,.portal_fixed #body2,.portal_fixed #body4,.portal_fixed #body5 {
		border: none;
	}
	.portal #body3, 
	.portal_fixed #body3 {
		border-top: 1px #004666 solid;
		border-bottom: 1px #004666 solid;
	}
	
	body.portal p, 
	body.portal_fixed p {
		line-height: 1.5em;
		margin: 0 0 1em 0;
	}
	
	.portal #banner, 
	.portal_fixed #banner {
		height: 58px;
		background: url(/fileadmin/images/banner/Portal_banner/back_banner.jpg) repeat;
	}
	
	.portal #banner .bannerfoto, 
	.portal_fixed #banner .bannerfoto {
		float: right;
		width: 100%;
		height: 58px;
	}

	.portal #suchbox,
	.portal_fixed #suchbox {
		padding: 2px 3px 0 0;
		float: right;	
	}
	
	.portal #suchbox form, 
	.portal_fixed #suchbox form {
		height: 20px;
		z-index: 12;
		font-family: Verdana,Helvetica,sans-serif;
		display: inline;
		background: transparent;
		color: #004666;
		border: none;
		text-transform: uppercase;
		font-size: 100%;
		font-weight: bold;
		margin: 0;
		padding: 0;
	}
	
	.portal #suchbox .submit-button, 
	.portal_fixed #suchbox .submit-button {
		font-family: Verdana,Helvetica,sans-serif;
		display: inline;
		background: transparent;
		color: #004666;
		border: none;
		text-transform: uppercase;
		font-size: 10px;
		font-weight: bold;
		margin: 0;
		padding: 0;
		padding-right: 3px;
		cursor: pointer;
	}

	.portal .rechte_box {
		margin: 10px;
	}

	#portal_col3_content .csc-default {
		clear: both;
	}
	
	#extdirectfe,#ext-comp-1001 {
		width: 100%;
	}
	.x-portal-column {
		width: 33.333%;
	}
	
	.portal #logo,
	.portal_fixed #logo {
		margin: 0;
		width: 200px;
		height: 58px;
		z-index: 2;
		padding: 0 10px;
		background: url(/fileadmin/images/layout/bg_banner.gif) #FFF repeat;
	}

	
	.portal #login_bereich,
	.portal_fixed #login_bereich {
		position: absolute;
		left: 240px;
    	top: 38px;
		width: 400px;
		color: #fff;
		text-align: left;
		text-decoration: none;
	}
	
	.portal #login_bereich a,
	.portal_fixed #login_bereich a {
		font-weight: bold;
		text-decoration: none;
		color: #fff;
	}
	
	div.tx-heportal-pi1 {
		float: left;
		width: 100%;
		overflow: hidden;
	}
	
	body.portal_fixed div#portal_col_complete { 
		width: 100%;
		min-width: 1000px;
		top: 85px !important;
		bottom: 0;
		overflow: auto;
		position: fixed;
	}
		
	div#portal_col1234 { 
		width: 1200px;
		min-width: 800px;
		overflow: hidden;
		padding: 10px;
	}
	
	div#portal_col123 { 
		background: #fff url(/fileadmin/images/layout/bg_content.gif) repeat;
		width: auto;  
		min-width: 1000px; 
		max-width: 1200px; 
	}
	
/*
 *	dreispaltiges Seitenlayout - START
 */
  #portal_col1 { float: left; width: 220px;  margin: 0; }
  #portal_col1_content { 
  	padding: 10px 10px 0 10px; 
  }
	
	#portal_col2 { float: right; width: 220px;  margin:0; }
  #portal_col2_content { 
  	padding: 10px;
  }

	#portal_col3 { 
		width: auto; 
		padding: 10px 0;
		overflow: hidden;
	}
  #portal_col3_content { padding: 10px; background: #fff; overflow: hidden;}
  #portal_col123 #rootline { padding: 10px;	background: #fff; }	
	
	
/*
 *	zweispaltiges Seitenlayout - START
 */
  
  #portal_col23 { width: auto; margin: 0 0 0 220px; }
	#portal_col23_content { padding: 10px; background: #fff; overflow: hidden;}

/*
 *	zweispaltiges Seitenlayout - ENDE
 */

	
	#portal_col_complete #portal_content {
		padding: 5px;
	}
	
	.tx-heportal-pi1 iframe {
		border: none;
		height: 100%;
		width: 100%;
		position: absolute;
		right: 0;
		left: 0;
		top: 0;
		bottom: 0;
	}

	#portal_col23_content .tx-heportal-pi1 iframe.www_extern {
		padding-top: 120px;
		padding-left: 240px;
		box-sizing: border-box;
	}

	#portal_col_complete .tx-heportal-pi1 iframe.www_extern {
		padding-top: 90px;
		padding-left: 0;
		box-sizing: border-box;
	}

	#nav {
		border-bottom: 1px solid #004666;
		margin: 2px 0;
		height: 24px;
		overflow: hidden;
		width: 100%;
		min-width: 1000px;
		z-index: 2;
	}
	
	#nav ul {
		z-index: 9;
		float: left;
	}

	#nav ul li.submenu ul.level2 li.hor_sep  {
		border-bottom: 1px solid white;
	}

	#nav ul ul.level2 {
    width: 225px;
	}
	
	#nav li.last ul.level2 {
		left:-1px;
	}
	
	#nav ul.level2 li.submenu a {
		background-position: 215px center;
	}	
		
	#nav ul.level2 ul.level3 li a:after {
	    background-image: none;
	    content: "";
	}	
	
	#nav ul.level2 ul.level3 {
    width: 200px;
		left: 200px;
    top: 0;
    z-index: 11;
	}
	
	#nav ul li.submenu ul.level2 li a,
	#nav ul li.submenu ul.level2 li input {
		font: bold 11px Verdana;
		margin: 0;
		color: #fff;
		background-color: #004666;
		border: 1px solid #004666;
		text-decoration: none;
		cursor: pointer;
		text-align: left;
	}
	
	#nav ul li.submenu ul.level2 li a {
		width: 200px;
		padding: 4px 20px 4px 9px;
	}
	
	#nav ul li.submenu ul.level2 li input {
		width: 231px;
		padding: 4px 20px 4px 9px;
	}

	#nav ul li.submenu ul.level2 li a:hover,
	#nav ul li.submenu ul.level2 li a:focus,
	#nav ul li.submenu ul.level2 li input:hover,
	#nav ul li.submenu ul.level2 li input:focus,
	#nav li.submenu ul.level3 li input:hover,
	#nav li.submenu ul.level3 li input:focus {
		background: #fff;
		color: #004666;
	}
	
	#footer {
		margin: 0;
		padding: 0;	
		width: 100%;
		position: relative;
	}
	
	#footer .he {
		float: left;
		display: block;
		padding: 10px;
	}

	#footer .pageEditor  {
		float: right;
		display: block;
		padding: 10px;
	}

	#footer .link {
		clear: both;
		float: right;
		display: block;
		padding-right: 10px;
		padding-bottom: 10px;
	}

	#footer .link a {
		font-weight: bold;
		color: #004666;
	}
	
	.tx-heportal-pi1 .dashboard {
		width: 100%;
	}
	.dashboard .gadget {
		width: 33%;
		float: left;
		padding-right: 0.333%
	}
	
	iframe {
		width: 100%;
		height: 100%;
		border: none;
	}
	iframe.applet650 {
		height: 620px ;
	}
	
	.portal-config {
		margin: 10px;
		font-size: 120%;
		width: 800px;
	}
	
	.portal-config table {
		border-collapse: collapse;
	}
	.portal-config tr.even {
		background: #D9E4E8;
	}
	.portal-config th {
		padding: 3px 6px;
		border: 1px solid #fff;
		color: #fff;
	}
		
	.portal-config .verwenden {
		width: 10%;
	}
	
	.portal-config .bezeichnung {
		width: 70%;
	}
	
	.portal-config .js {
		width: 10%;
	}
	
	.portal-config tr.ueberschrift {
		font-weight: bold;
	}
	
	.portal-config ul {
		margin: 0;
	}
	
	.portal-config li {
				list-style: none;
		clear: left;
		overflow: hidden;
	}
	
	.portal-config li#title {
		font-weight: bold;
		background: #004666;
		color: #fff;
	}
	.portal-config li#title span.seite {
		width: 200px;
	}
	
	.portal-config li span {
		float: left;
	}
	.portal-config span.seite {
		width: 200px;
	}
	.portal-config span.titel {
		width: 400px;
	}
	.portal-config p.jquery {
		display: none;
	}
	.portal-config span.aktion {
		width: 60px;
	}
	.portal-config span.aktion form {
		float: left;
	}
	.portal-config span.aktion a {
		text-decoration: none;
	}
	.portal-config li.even {
		background: #D9E4E8;
	}
	
	
	.portal-config td {
		padding: 2px 4px;
	}
	.portal-config td.checkbox {
		text-align: center;
	}
	.portal-config img.edit {
		cursor: pointer;
		margin-left: 4px;
	}
	.portal-config span.move {
		cursor: move;
		margin-right: 4px;
		display: none;
	}
	
	.portal-config h1 {
	  font-size: 120%;
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: 10px;
    padding: 5px;
  }
  
	.portal-config label {
		width: 30%;
		float: left;
		text-align: right;
		padding: 0 4px 0 0;
	}
	
	.portal-config input[type="text"] {
		width: 60%;
		float: left;
		padding: 0;
	}
	
	.portal-config input[type="submit"],
	.portal-config input[type="reset"],
	.portal-config input[type="button"],
	.portal-config a.button,
	.portal-config a.button,
	.tx-heportal-pi1 #config a.button {
		background-color: #3B7089;
		border: medium none;
		color: #FFFFFF;
		cursor: pointer;
		font-family: Verdana,Helvetica,sans-serif;
		font-size: 12px;
		font-weight: normal;
		margin: 10px;
		padding: 4px 10px;
		text-decoration: none;
	}
	
	.tx-heportal-pi1 .x-btn-mc {
		background: #004666;
	}
	
	div.tx-heportal-pi1 button.portal_button {
		padding: 2px 4px !important;
		margin: 0;
		background: transparent;
		color: #fff;
		font-size: 100%;
	}
	
	div.a_bis_z_suche {
		padding: 4px;
		background: #ECF2F5;
		float: left;
	}	
	
	div.personensuche {
		padding: 4px;
		background: #ECF2F5;
	}	
	
	div.personensuche #reset {
		margin: 0;
		font-weight: bold;
	}	
	
	div.personensuche #reset {
		margin: 0;
		
	}

    /*
        .x-window-br .x-btn-tl, .x-window-br .x-btn-tr,
        .x-window-br .x-btn-tc, .x-window-br .x-btn-ml,
        .x-window-br .x-btn-mr, .x-window-br .x-btn-mc,
        .x-window-br .x-btn-bl, .x-window-br .x-btn-br,
        .x-window-br .x-btn-bc {
            background-image: url("../images/default/button/btn.gif");
	}
	*/

	#top .x-btn-tl, #top .x-btn-tr, #top .x-btn-tc, 
	#top .x-btn-ml, #top .x-btn-mr, #top .x-btn-mc, 
	#top .x-btn-bl, #top .x-btn-br, #top .x-btn-bc {
    background: #004666;
	}
	
	ul.x-tab-strip-top {
		background: #D9E4E8;
    border-color: #D9E4E8;
		color: #004666;
	}
	
	.x-tab-panel-header, 
	.x-tab-panel-footer {
    border-color: #D9E4E8;
	}
	
	.x-tab-strip-top .x-tab-right, 
	.x-tab-strip-top .x-tab-left, 
	.x-tab-strip-top .x-tab-strip-inner {
		background: #004666;
	}
	
	.x-tab-strip-active span.x-tab-strip-text {
		color: #fff;
    font-weight: bold;
	}
	
	.x-tab-strip-top .x-tab-left {
		padding: 0;
	}
	
	.x-tab-strip .x-tab-with-icon span.x-tab-strip-text {
    background: transparent;
    padding: 2px 0;
    text-align: center;
	}
	
	/* cal */
	.tx-cal-controller dl {
		margin: 0;
	}
	.tx-cal-controller .list_title {
		font-size: 120%;
		font-weight: bold;
		margin-bottom: 8px;
	}
	
	.tx-cal-controller .vevent {
		margin-bottom: 4px;
	}
	
	#portallogout_info {padding: 0px 10px;}

	form .filter {
		float: left;
		overflow: hidden;
		margin-right: 8px;
	}
	
	form .filter label {
		float: left;
	}
	
	form .filter input,
	form .filter select {
		clear: left;
		float: left;
	}
	
	form .filter.name  {
		width: 30%;
	}
	
	form .filter.bereich ,
	form .filter.rolle  {
		width: 25%;
	}
	
	form .filter input,
	form .filter select {
		width: 100%;
	}
	
	.personensuche .reset button {
		background: transparent;
		border: none;
	}
	
	.personensuche .reset img {
		cursor: pointer;
		padding-top: 12px;
	}
	
	#namenListe {
		clear: both;
		padding-top: 5px;
	}
	
    /* LSF-Meldung nach oben */
    
    #c42544 {
        z-index: 99;
        position: absolute;
    }
    
	/* JS-Popups */	
	.msgBoxOverlay{position:fixed;top:0;left:0;background:rgba(0,0,0,0.3);display:none;}
	.msgBoxOuter{background:#eee;box-shadow:0 3px 7px #333;-moz-box-shadow:0 3px 7px #333;-webkit-box-shadow:0 3px 7px #333;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;-khtml-border-radius:4px;z-index:99999999;min-width:200px;min-height:50px;max-width:75%;position:fixed;display:none;}
	.msgBoxInner{color:#333;text-shadow:0 1px 0 #fff;padding: 20px;}
	.msgBoxInner button{border:1px solid #bbb;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-khtml-border-radius:3px;background:0;color:#232d3d;font-size:12px;font-weight:700;text-shadow:0 1px 0 #fff;cursor:pointer;box-shadow:0 1px 2px #ccc;-moz-box-shadow:0 1px 2px #ccc;-webkit-box-shadow:0 1px 2px #ccc;margin:0 3px;padding:4px 10px;}
	.msgBoxInner button:hover{color:#004666;}
	.aButtons,.aInput{text-align:center;margin:20px 10px 0;}
	.aCheckbox{margin:10px 12px;}
	.aCheck{margin-right: 4px;}
	.aTextbox{border:1px solid #aaa;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;-khtml-border-radius:4px;box-shadow:0 1px 0 #fff;-moz-box-shadow:0 1px 0 #fff;-webkit-box-shadow:0 1px 0 #fff;width:400px;font-size:12px;font-weight:700;padding:5px 10px;}
	.msgBoxOuter .msgboxTitle {padding: 10px 20px; background: #719DB0;}	
	.msgBoxOuter .msgboxTitle h3 { color: #fff; padding: 0;margin: 0;}	
}