/************ special containers ************/

body {
	padding: 0;
	margin: 0;
	overflow-y: scroll;
}

/* this is the maximum width of the centered page */
.wrapper, .page {
    max-width: 1200px;
}

.wrapper {
    min-height: 100%;
    width: 100%;
    position: absolute;
}

.page {
    margin: auto;
}

/************ position & floating ************/

.WebPart-Standard, .headerLogo, .homeLink, .sidebar, .mainContent, .title, .form-placeholder, .form-row, .form-footer, .form-lable, .form-lable-small, .form-input-small, .form-lable-tall, .LegendIcon {
    float: left;
}

.printLink, .innerUserPanel, .loginLink, .form-footer input, .form-box-right, .header-bar-select-theme, .language-picker {
    float: right;
}

.headerTitle, .headerSubtitle, .headerTitleContainer {
    position: relative;
}

.userPanel {
    position: absolute;
}

.linkButton {
    display: block;
}

/* relative positions */
.headerTitle {
    top: 12px;
}

.headerSubtitle {
    top: 14px;
}

.headerTitle, .headerSubtitle {
    left: 12px;
}

/* absolute positions */

.userPanel {
    right: 0;
    bottom: 12px;
}


/* display */

.linkbutton, .result-paging a, .result-paging span, .detail-content-bg {
    display: block;
}

/************ dimension ************/

/*** webpart width ***/

/*Weiwei Cao am 09.05.2016 geändert, original Wert ist 898px*/
.WebPartZone-Topic {
    width: 894px;
}

/* obsolete control overwrite */
.WebPart-SingleColumn, .WebPart-Standard .WebPartZone-Topic, .WebPart-Large .WebPart-Large {
    width: 886px;
}
/* obsolete control overwrite */
.half-sized {
    width: 442px;
}


/*** width ***/

.LegendIcon, .IconSmall {
    width: 28px;
}

.headerLogo {
    width: 332px;
}

.WebPartZone-Navigation {
    width: 268px;
}

/* hack to prevent floating divs to jump to new line when the browser window is minimized */
.contentWrapper {
    min-width: 1200px;
}

div.form-lable, .form-lable-tall, td.detail-label {
    width: 30%;
}

/* obsolete control overwrite */
#ctl00_WebPartManager1_gwpAnmeldungPersDaten1_AnmeldungPersDaten1_fvAnmeldungPersonenDaten_etbPersonVorname_EventoTextBox,
#ctl00_WebPartManager1_gwpAnmeldungPersDaten1_AnmeldungPersDaten1_fvAnmeldungPersonenDaten_etbPersonNachname_EventoTextBox,
#ctl00_WebPartManager1_gwpAnmeldungPersDaten1_AnmeldungPersDaten1_fvAnmeldungPersonenDaten_etbPersonTelefon1_EventoTextBox,
#ctl00_WebPartManager1_gwpAnmeldungPersDaten1_AnmeldungPersDaten1_fvAnmeldungPersonenDaten_etbPersonTelefon2_EventoTextBox {
    width: 30%;
}

.form-textfield, .form-select, .form-select-nowidth, .form-textfield-required, td.detail-content-bg {
    width: 40%;
}

/* obsolete control overwrite */
#ctl00_WebPartManager1_gwpBrn_VorlesungsverzeichnisSuche1_Brn_VorlesungsverzeichnisSuche1_pnlVolesungsSuche select {
    width: 40% !important;
}

.form-lable-small {
    width: 80px;
}

.form-datefield, .form-datefield-required, .form-lable-small {
    width: 60px;
}

.form-select-number {
    width: 40px;
}

.form-row, .WebPart-Standard {
    width: calc(100% - 12px);
}

.form-footer, #ctl00_WebPartManager1_SuchregisterWP1 .form-footer {
    width: calc(100% - 6px);
}

.WebPart-Standard > .form-footer, .WebPart-Standard .WebPart-Standard + .form-footer, .WebPartZone-Topic .form-footer {
    width: calc(100% + 6px);
}


/*** height / line-height ***/

.headerLogo, .headerTitleContainer {
    height: 75px;
}


.headerBar, .topic-title, .form-footer {
    height: 28px;
    line-height: 28px;
}

.linkButton, .form-button, .form-button-nospace {
    height: 21px;
    line-height: 21px;
}

.form-buttonLogIn{
	height: 21px;
	line-height: 21px;
	float: left;
	margin-top: 20px;
	margin-left: 10px;
}


.LegendRow {
    height: 20px;
    line-height: 20px;
}

.form-input-tall {
    min-height: 78px;
}

textarea.form-textfield {
    min-height: 60px;
}

.detail-content-bg {
    min-height: 15px;
}


/************ margin & padding ************/


/*** margin ***/

.form-textfield, .form-select, .form-datefield, .form-select-nowidth, .form-textfield-required, .form-datefield-required, .form-select-number, input[type="checkbox"], .DatePickerLink {
    margin: 0 4px 0 8px;
}

.result-paging a, .result-paging span {
    margin: 3px 3px 0;
}

.homeLink, .printLink, .form-footer input, .header-bar-select-theme {
    margin-top: 3px;
}

.WebPartZone-Topic, .WebPartZone-Navigation, #ctl00_admintool, #ctl00_SiteContentPlaceHolder_WebPartZone3,
.WebPart-Standard .topic-container {
    margin-top: 12px;
}

.printLink, .userPanel, .detail-content-bg {
    margin-right: 12px;
}

.registeredTitle, .registeredName {
    margin-right: 10px;
}

.form-footer input, .header-bar-select-theme, .language-picker, .categoryChooseDiv label {
    margin-right: 6px;
}

.form-text-title, .form-row {
    margin-bottom: 8px;
}

.categoryChooseDiv {
    margin-bottom: 12px;
}

.headerTitleContainer {
    margin-left: 332px;
}

.homeLink, .sidebar, .mainContent, .right-column, .header-bar-navigation-link {
    margin-left: 12px;
}

/*** padding ***/

.result-row td, .result-header th, .GridView td, .GridView th, #ctl00_WebPartManager1_gwpBrn_NGDatenabschriftStudent1_Brn_NGDatenabschriftStudent1_gvDatenabschrift td, .content1 {
    padding: 4px 2px;
}

.WebPartZone-Topic .WebPartZone-Topic, .WebPart-Standard .WebPartZone-Topic, .WebPart-Adaptive .WebPartZone-Topic, .WebPart-Full .WebPartZone-Topic, .WebPart-Large .WebPartZone-Topic {
    float: left;
}

.WebPart-Standard, .WebPart-Adaptive, .WebPart-Full, .WebPart-Large .WebPart-Large, .list-table,
.WebPart-Standard .WebPartZone-Topic {
    padding: 6px;
}

.result-row, #ctl00_WebPartManager1_gwpBrn_NGDatenabschriftStudent1_Brn_NGDatenabschriftStudent1_gvDatenabschrift tr {
    padding: 0 6px;
}

#ctl00_WebPartManager1_gwpBrn_RessourcenKalender1_Brn_RessourcenKalender1_Calendar1,
#ctl00_WebPartManager1_gwpMeinStundenplanStudentGrafisch1_MeinStundenplanStudentGrafisch1_Calendar1,
#ctl00_WebPartManager1_gwpMeinStundenplanDozGrafisch1_MeinStundenplanDozGrafisch1_Calendar1 {
    margin: 6px 0 0 6px;
}

.calendar-information {
    margin: 6px 6px 0 200px;
}

.categoryChooseDiv {
    padding: 0 4px 6px;
}

#ctl00_WebPartManager1_gwpMeinStundenplanStudentGrafisch1_MeinStundenplanStudentGrafisch1_DPCOutlook,
#ctl00_WebPartManager1_gwpBrn_RessourcenKalender1_Brn_RessourcenKalender1_DPCOutlook,
#ctl00_WebPartManager1_gwpBrn_RessourcenKalender1_Brn_RessourcenKalender1_btnSonntag,
#ctl00_WebPartManager1_gwpMeinStundenplanDozGrafisch1_MeinStundenplanDozGrafisch1_DPCOutlook,
.form-text input {
    margin-left: 6px;
}

.linkButton, .topic-title, .form-button, .form-buttonLogIn, .result-paging a, .result-paging span {
    padding: 0 10px;
}

.result-paging a, .result-paging span {
    padding: 4px 8px;
}

.detail-content-bg {
    padding: 3px 5px 2px 5px;
}

.form-footer {
    padding-left: 6px;
}

.form-input-growing {
    /*  min-height: 34px;*/
    padding-bottom: 10px;
}
/************ obsolete controls (overwriting) ************/

.DatePickerLink {
    vertical-align: -3px;
}

.TimePickerLink {
    vertical-align: -5px;
}
/* Weiwei Cao 
.result-row span {
    white-space: nowrap;
}
*/
.form-text span, .form-text input {
    float: left;
}

.ctl00_SiteContentPlaceHolder_WebPartZone3_0 {
    margin-top: 0;
}

/* overwrite padding of topic (html), in order that padding can be set when wished */
.topic-inhalt {
    padding: 0 !important;
}

/* set lowest row of table to fill whole WebPart */
.WebPart-Standard .form-footer, .result-paging {
    margin: 0 -6px -6px;
}

.WebPart-Adaptive .WebPart-Adaptive, #ctl00_SiteContentPlaceHolder_WebPartZone2, #ctl00_SiteContentPlaceHolder_WebPartZone4 {
    padding: 0;
}

.form .detail-content-bg, tr.topic-container .detail-content-bg {
    margin-top: 2px;
    margin-bottom: 2px;
}

.detail-label {
    display: block;
}

.result-row table td {
    padding: 0;
    border: 0;
}

#ctl00_WebPartManager1_gwpTreeNavigation1_TreeNavigation1_oTreeView {
    padding: 6px;
}

.form-text-content {
    padding: 4px 2px 4px 8px;
}

.form-text-notice {
    margin: 10px 0 4px 0;
}

.form-box { /* <- Grafischer Container fuer Radiobuttons und Checkboxes */
	padding: 2px 2px 2px 2px;
	margin: 5px;
}

.calendar-information {
	border: 1px solid black;
	padding: 5px;
}


.WebPart-Empty {
	visibility: hidden;
	position: absolute;
	height: 0;
	width: 0;
}

.border-position {
    margin-left: 12px;
}

#ctl00_WebPartManager1_gwpAnmeldungModulanlass1_AnmeldungModulanlass1_fvAnmeldung .form-text {
    padding: 6px 0;
}

.login-label {
    padding: 12px 0 4px;
}

.login-text {
	width: 50%;
}

.content1[colspan="3"] {
	border: medium none;
}

.content1 {
	white-space: nowrap;
}


/*NEU*/
*{box-sizing:border-box;}

button {
	background: transparent;
	border: none;
	cursor: pointer;
}

/* input,textarea,select,button {font-size: 1rem !important;} */

.mainContent {
	margin-left:330px;
	margin-right:12px;
	padding-top: 12px;
	float: none;
}

.title {visibility:hidden;}

.header {
	position: fixed;
	top: 0;
	margin:auto;
}

.headerLogo, .headerTitle, .headerTitleContainer, .headerBar {
	position: absolute;
}

.headerLogo {
	width: 260px;
}

.headerKULogo {
	height: 100%;
}

.login-text {
	min-height: 30px;
	padding: 0.4rem;
}

.headerKULogoContainer {
	margin: auto;
	height: 100%;
	width: 332px;
}

.header, .headerBar, .headerTitleContainer{
	width: 100%;
	z-index: 100;
}
.headerTitleContainer {
	right: 0px;
	display:block;
	margin: 0;
	padding: 0;
}

.headerBar {
	top:75px;
	height: auto;
	padding: 0;
	line-height:2rem;
	line-height:165%;
}
/*Eingefügt Michael Niedermeier EVO-12616 24.10.2024*/
.contextMenu.dialogContextMenu {
    z-index: 200 !important;
    right: 24px !important;
    top: 300px !important;
}

.linkButton {
	margin: 0;
	height: auto;
	line-height: inherit;
	display: table-cell;
	cursor: pointer;
	padding: 0.5rem;
}

.inlineButton { display:inline-block; }

/*Eingefügt Thomas Groß 25.05.2018*/
.registerButton {
	cursor: pointer;
	padding: 0.5rem;
	display: table-cell;
}

.registerButton.disabled {cursor:default;}
/**/

.userPanel {
	bottom: 0;
	padding: 0.5rem;
	max-width: 8rem;
}

/*Language-Picker*/
.language-picker {
	padding: 0.5rem;
	margin: 0;
	display: table-cell;
}
.language-picker-row { display:table-row; }
.lang-wrapper, .lang-flag { display: inline-table; }
.lang-wrapper {
	padding: 0 3px;
}
.lang-cell { 
	display: table-cell; 
	vertical-align: middle;
}
.lang-flag{ margin: 0 0.3rem; }
/**/

.headerButtonAbstand { display:table-cell; }

.wrapper {
	padding-top: 110px;
}
.wrapper,.page, .header{
	max-width: 1376px;
}

.contentWrapper {
	min-width: 0;
	height:100%;
}

table td, table th {
	padding: 0;
}

.WebPartZone-Topic, 
.WebPartZone-Navigation, 
#ctl00_admintool, 
#ctl00_SiteContentPlaceHolder_WebPartZone3, 
.WebPart-Standard .topic-container {
	margin-top: 0;
	margin-bottom: 12px;
}

.sidebar {
	position:fixed;
	z-index: 99;
	margin: 0 1px;
	height: calc(100% - 108px);
	overflow-y: scroll;
	max-width: 320px;
	max-height: 100%;
	padding: 0;
}

.WebPartZone-Navigation {
	margin-top: 0;
	width:100%;
	height:100%;
	margin-bottom: 0;
}

.WebPartZone-Navigation td {
	padding: 0;
}

 .navigation-inhalt {
	padding: 0 6px;
}

.WebPartZone-Navigation .topic-container>tbody>tr:first-child,
.WebPartZone-Navigation .topic-title {
	display:none;
}


.ctl00_WebPartZone1_0, .WebPartZone-Navigation>tbody>tr>td>table>tbody>tr {
	height:100%;
}

.WebPartZone-Navigation>tbody>tr>td>table>tbody>tr:nth-child(2) {
	height: 0;
	display: none;
}

.WebPart-SingleColumn>table, 
.WebPart-SingleColumn>table>tbody, 
.WebPart-SingleColumn>table>tbody>tr, 
.WebPart-SingleColumn>table>tbody>tr>td {
	display: block;
}

#ctl00_WebPartManager1_gwpMeinStundenplanDozGrafisch1_MeinStundenplanDozGrafisch1_DPCOutlook, 
#ctl00_WebPartManager1_gwpMeinStundenplanStudentGrafisch1_MeinStundenplanStudentGrafisch1_DPCOutlook {
	width: initial !important;
	margin: 0 6px;
	overflow-x: auto;
}

.topic-inhalt {
	vertical-align:top;
}

.innerUserPanel p {
	margin: 0.2rem 0;
}

.WebPart-SingleColumn, .WebPart-Standard .WebPartZone-Topic, .WebPart-Large .WebPart-Large {
	width: 100%;
}

.form-row, .WebPart-Standard {
	width: 100%;
}

.form-footer, #ctl00_WebPartManager1_SuchregisterWP1 .form-footer {
	width: 100%;
}

.form-datefield, .form-datefield-required { width:5.3rem; }

.WebPart-Standard > .form-footer, .WebPart-Standard .WebPart-Standard + .form-footer, .WebPartZone-Topic .form-footer {
	width: 100%;
}

#ctl00_WebPartManager1_gwpTreeNavigation1_TreeNavigation1_oTreeView div {
	margin: 6px 0;
}

.divStellvertreter {
	padding-bottom:1rem;
}

.tableStellvertreter tr:nth-child(even) {
	background-color: #f0f0f0;
}

.tableStellvertreter td{
	padding: 0.6rem 0;
}

.printLink, .userPanel, .detail-content-bg {
	margin-right: 0;
}

.printLink, .homeLink, .loginLink, .language-picker {
	float: none;
	vertical-align: middle;
}

#ctl00_lnkPrint, #ctl00_lnkLogInOut { padding-left: 0.5rem; }

.navigation-inhalt a {
	display: block;
	padding: 6px;
}

.navigation-inhalt a:hover {
	background-color: #f3f3f3;
}

/*Menubutton*/
.menuButton {
	display: none;
	width: 0;
}
.menuButtonBarContainer { padding: 0.11rem; }
.menuButtonBar1, .menuButtonBar2, .menuButtonBar3 {
	width: 1.75rem;
	height: 0.25rem;
	margin: 0.25rem 0;
	background-color: #666;
	transition: transform 0.4s, opacity 0.3s;
}
.change .menuButtonBar1 {
	-webkit-transform: translate(0, 0.5em) rotate(-315deg) ;
	transform: translate(0, 0.5rem) rotate(315deg) ;
}
.change .menuButtonBar2 {
	opacity: 0;
	transform: rotate(90deg);
}
.change .menuButtonBar3 {
	-webkit-transform: translate(0, -0.5em) rotate(405deg) ;
	transform: translate(0, -0.5rem) rotate(225deg);
}
/*Menubutton*/

.registeredTitle, .registeredName{
	display:block;
	margin: 0;
}

#admintoolContainer, #ctl00_lnkHome, #ctl00_WebPartManager1_gwpLogin1_Login1_RequestNewAccount {
	display: none;
}

.header-bar-navigation-link[href*='IdLanguage']{
	margin-left: 0;
}

.WebPartZone-Topic, .WebPart-SingleColumn {
	width:100%;
}

/*Eingefügt wegen EU-Gesetz Thomas Groß 22.05.2018*/
.footer {
	position:fixed;
	bottom: 0;
	width:100%;
	max-width:1376px;
	padding:0.3rem;
	z-index:100;
}
/**/

#stvmContainer { padding:0.3rem; }
#ctl00_lnkStellvertretungsModus { margin:0;}

#lnkExamAppDate {
	float: right;
	display: inline-block;
}

#MachineName {
	position:relative;
	top:63px;
	float:right;
	margin-right:3px;
}

.WebPart-Empty, 
.form-box-right, 
#topic-right, 
.begoneFoulBeing { display: none !important; }

@media screen and (max-width: 950px) {
	.sidebar {
		left:-700px;
		transition: left 0.4s;
	}
	
	.expanded {
		left:0px;
	}

	.menuButton {
		display: table-cell;
	}

	.mainContent {
		margin-left:12px;
	}

	.WebPartZone-Topic {
		margin-top:0;
	}
	
	.linkButton {
		padding: 0.5rem;
	}
	
	.login-text {
		width: calc(100% - 12px);
	}
	.language-picker {
		padding: 0.5rem;
	}
	
	/*Eingefügt wegen zu breitem Kalender*/
	
}

@media screen and (max-width: 860px) {
	.headerLogo, .headerKULogo, .headerKULogoContainer {
		width: 77px;
	}
	
	.headerKULogoContainer {
		margin-left: 80px;
	}
	
	.result-header th {
		word-break: break-word;
	}

}

@media screen and (max-width: 625px) {
	.form-textfield, .form-select, .form-select-nowidth, .form-lable {
		display:block;
		width: 100% !important;
		margin: 0.5rem 0;
	}
	
	#ctl00_WebPartManager1_gwpBrn_VorlesungsverzeichnisSuche1_Brn_VorlesungsverzeichnisSuche1_pnlVolesungsSuche select {
		width: 100% !important;
	}
	
	.result-grid, .result-grid tbody, 
	.form, .form tbody 
	.treeView .detail-content-bg table, .treeView .detail-content-bg table *{
		display: block;
	}
	
	.result-header, .result-row, .form tr{
		display: block;
		border: 1px solid #c8c8c8;
		margin: 0.4rem 0;
	}
	
	.form tr td:first-child {
		font-size: 1.1rem;
		padding: 5px;
	}
	
	.detail-content-bg table * { border: none; }
	
	.result-header th, .result-row td, .form td {
		display: block;
		width: 100% !important;
	}
	
	.list-line {
		display:none;
	}
	
	.result-header th {
		word-break: normal;
	}
	
	.result-paging * {
		display: inline-block;
	}
	.language-picker { padding: 0; }
	.lang-wrapper { padding: 0 0.5rem; }
	.lang-flag {
		padding: 1rem 1.4rem;
		margin: 0;
	}
	.printIcon { padding: 1rem 1.1rem;}
	.reductio {display:none;}
}

@media screen and (max-width: 425px) {
	/* .headerKULogoContainer { 
		margin: auto;
	} */
	
	.mainContent {
		margin: 0 6px;
	}
	
	.sidebar {
		width:calc(100% - 2px);
		max-width: initial;
	}
	
	#lnkExamAppDate { 
		float: none;
		display: block;
	}
}