@charset "UTF-8";
/* CSS Document */


@import url('fonts/OpenSans/OpenSans.css');

h1,h2,h3,h4 {
	/*font-family: 'open_sansregular'; font-weight:normal;*/
	font-family: 'open_sansbold'; font-weight:normal;
}

.col-md-12.KOPF {
    width: 97.5%;
    margin: 0% 1.25%;
    padding: 15px;
    border-radius: 8px;
    -webkit-box-shadow: 1px 1px 4px 1px rgba(0,0,0,0.48);
    box-shadow: 1px 1px 4px 1px rgba(0,0,0,0.48);
    background-image: -webkit-linear-gradient(180deg,rgba(255,255,255,1.00) 0%,rgba(0,125,75,1.00) 60%,rgba(0,125,75,1.00) 100%);
    background-image: -moz-linear-gradient(180deg,rgba(255,255,255,1.00) 0%,rgba(0,125,75,1.00) 60%,rgba(0,125,75,1.00) 100%);
    background-image: -o-linear-gradient(180deg,rgba(255,255,255,1.00) 0%,rgba(0,125,75,1.00) 60%,rgba(0,125,75,1.00) 100%);
    background-image: linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(0,125,75,1.00) 60%,rgba(0,125,75,1.00) 100%);
}

.col-md-12.KOPF img.img1 {
	float:left;
	height:60px;
	width:auto;
	margin: 0px;
}

.col-md-12.KOPF img.img2 {
	float:right;
	height:60px;
	width:auto;
	margin:0px;
}

@media (max-width:1199px){
	.container {width:97%;}
}
@media (max-width:991px){
	.container {width:100%;}
	.col-md-12.KOPF { height:90px; }
}
@media (max-width:599px){
	.col-md-12.KOPF img.img1, .col-md-12.KOPF img.img2 { height:40px; }
	.col-md-12.KOPF { height:70px; }
}
@media (max-width:479px){
	.col-md-12.KOPF img.img1, .col-md-12.KOPF img.img2 { height:30px; }
	.col-md-12.KOPF { height:60px; }
}

/* **************************************************** */
/*					navbar-Anpassung			        */
/* **************************************************** */
.off { color:rgba(141,141,141,1.00) !important; }

nav.navbar { 
	padding:0 !important; 
}

.navbar-header .CHAPTER { float:left; width:75%; position:relative; font-family: 'open_sansbold'; font-weight:normal; font-size:24px; color:rgba(0,125,75,1.00); padding-left:2%; display:none; }

@media (max-width:991px){ .navbar-header .CHAPTER { display:block; } }
@media (max-width:767px){
	.navbar-header .CHAPTER {padding-left:0;}
}

button.navbar-toggle { 
	color:white;
	background:rgba(0,125,75,1.00);
	border:none;
	padding:5px 10px; 
	margin:0 !important;
}

#navbar.navbar-collapse { }
@media (max-width:991px){
	#navbar.navbar-collapse{
		padding-top:15px;
		padding-bottom:15px;
	}
} 

/* **************************************************** body */
body {
	margin:0;
	font-family: 'Arial';
	font-size:16px;
    /*background-image: url("../Fonollmari.jpg");*/
    background-repeat: no-repeat;
    background-size: cover;
}

/* ************************************************************* */
/* 								.header							 */
/* ************************************************************* */

.col-md-12.header { 
	float:left;
	padding-top: 7px;
	padding-bottom: 5px;
	margin-bottom:10px;
	border-bottom: 1px solid #666; 
}

.col-md-12.header .headerblock { padding: 5px; }

.col-md-12.header .headerblock h1 { 
	margin-top:0; 
	font-size:1.4em; 
	line-height: 1.4em; 
}
@media (max-width:767px){
	.col-md-12.header .col-sm-9 { float:left; width:60% !important; padding:0; }
	.col-md-12.header .col-sm-3 { float:right; width:40% !important; padding:0; }
	.col-md-12.header .headerblock h1 {font-size:1.0em;}
}

/* **************************************************** a */

a { color:rgba(0,125,75,1.00); }

/* ******************************************************************************************************************************* */
/* 																TABELLEN 														   */
/* ******************************************************************************************************************************* */

/* ============================================================================== NORMALE DARSTELLUNG */
table { 
	border-top: .5px solid #666666;
	border-left: .5px solid #666666;
	width:100%;
}
th,td {
	border-right: .5px solid #666666;
	border-bottom: .5px solid #666666;
	padding:4px;
	line-height: 1.0em
}
th { background:#DDDDDD; }
@media (max-width:767px) {
	.col-md-12.table { float:left; width:100% !important; padding-left:0px; padding-right:0px;  }
	th,td { font-size:.8em;  }
}


/* ============================================================================== LISTE MIT RAHMEN (INDEX SEMINUM) */

table.IS.List tr > th { background:rgba(199,199,199,1.00) }

table.IS.List .ID { text-align:right !important; }

table.IS.List .IPEN {}

table.IS.List .ARTNAME {}

table.IS.List .ISGRUPPE {}
table.IS.List .ISGRUPPE.kurz { display:none; }

table.IS.List .CHECK {}

table.IS.List .CHECK.SORT {}

table.IS.List .EDIT { 
	text-align:center; width:80px; 
}
table.IS.List .EDIT.SINGLE { 
	text-align:center; width:40px; 
}

table.IS.List .EDIT .fa { 
	font-size:1.6em;
	margin: 0 5px; 
}

@media (max-width:599px) {
	table.IS.List .ID { display:none; }
	table.IS.List .EDIT { width:70px; }
}
@media (max-width:479px) {
	table.IS.List .ISGRUPPE { display:none; }
	table.IS.List .ISGRUPPE.kurz { display:block;background:rgba(179,189,2,1.00) }
	table.IS.List .CHECK { display:none; }
	table.IS.List .EDIT { width:66px; }
}

/* ============================================================================== LISTE MIT RAHMEN (Adressen) */

table.Adressen {
	font-size:.8em;
}
table.Adressen tr > th { background:rgba(199,199,199,1.00) }
@media (max-width:599px){ 
	table.Adressen .Ort,
	table.Adressen .vers,
	table.Adressen .erh { display:none; } 
}

/* ============================================================================== LISTE OHNE RAHMEN */
table.ThemeList,
table.ThemeList tr,
table.ThemeList th,
table.ThemeList td {
	border:none;
}
table.ThemeList tr > td:last-child {
	width:120px; 
	text-align:right;
	/*background:rgba(240,150,20,0.42)*/
}
table.ThemeList tr > td:last-child .fa {
	font-size:1.6em;
	margin: 0 5px;  
}
table.ThemeList tr > td .fa.red {
	margin-right: 0px;  
}
@media (max-width:767px) {

	table.ThemeList tr > td:last-child {
		width:110px; 
	}
	table.ThemeList tr > td:last-child .fa {
		font-size:1.8em !important;
	}
}

/* ============================================================================== Sonderfall Akzessionsliste */
.td2-content {
	float:left; 
	padding: 8px 0px 3px 0px;
	width:100%;
}

.td2-content .IPEN {
	float:left; 
	width:138px;
    padding: 0px 4px;
    border-left: .5px solid #999999;
}

.td2-content .SAMMLUNG {
	float:left; 
	text-align:left; 
	width:180px; 
	padding: 0px 4px;
	border-left: .5px solid #999999;
}

.td2-content .SAMMELORT {
	float:left; 
	text-align:left; 
	width:180px; 
	padding: 0px 4px;
	border-left: .5px solid #999999;
}

.td2-content .REVIER {
	float:left; 
	text-align:center; 
	width:80px; 
	padding: 0px 4px;
	border-left: .5px solid #999999;
}

.td2-content .ISGR {
	float:left; 
	text-align:center; 
	width:60px; 
	border-left: .5px solid #999999;
}

.td2-content .IS {
	float:left; 
	text-align:center; 
	width:40px; 
	padding: 0px 4px;
	border-left: .5px solid #999999;
}
		
.td2-content .AKTIV {
	float:left; 
	text-align:center; 
	width:45px; 
	padding: 0px 4px;
	border-left: .5px solid #999999;
	border-right: .5px solid #999999;
}
		
.td2-content .EDIT {
	float:right; 
	margin-top:-5px; 
	text-align:center;
	padding: 0px 4px;
	width:66px; 
}

.td2-content .EDIT .fa {
	font-size:24px !important; margin-left:6px;
}
		
@media (min-width:480px) and (max-width:767px){
	.AKZ_Table { /*font-size:.8em;*/ }
	.AKZ_Table th.one 		{  }
	.AKZ_Table th.two 		{ width:88px; }
	.td2-content .IPEN 		{ width:84px; }
	.AKZ_Table th.three 	{ width:60px; }
	.td2-content .REVIER 	{ width:60px; }
}
@media (min-width:320px) and (max-width:479px){
	.AKZ_Table { font-size:.8em; }
	.AKZ_Table th.one 		{  }
	.AKZ_Table th.two 		{ width:64px; display:none; }
	.td2-content .IPEN 		{ width:60px; display:none; }
	.AKZ_Table th.three 	{ width:56px; }
	.td2-content .REVIER 	{ width:52px; }
}

/* ==================================================================================================== SONDERFALL Bestandsdaten */

@media (max-width:767px){
	.two.Ipen { min-width: 100px; }
	.three.Sammelort, .SAMMELORT { display: none; }
	.four.Revier { max-width:66px; }
	.IPEN { min-width: 96px; }
	.REVIER { min-width:66px; }
	.AKTIV { max-width:40px; }
}

@media (max-width:479px){
	.four.Revier, .REVIER { display:none; }
}
		

/* ******************************************************************************************************************************* */


/* ========================================================================================== Navigation */
#navleft 					{ display:block; }
#navleftresp, #MENUERESP 	{ display:none; }

#MenueButton { 
	text-align:right; 
	padding: 5px 10px; 
	color:white; 
	background:rgba(0,125,75,1.00); 
	border-radius:4px; 
}

#MenueButton .fa { cursor:pointer; }

@media (max-width:991px) {
	#navleft 		{ margin:0 !important; padding:0; }
	.container  	{ padding:10px !important; }
	#CONTENT		{ margin-top:-20px !important; }
}

.toggleheader.menu.active { background:rgba(18,154,100,1.00); }


.container {/*background:#efefef;*/ padding: .5% ;}

/* ========================================================================================== Suchfelder */

#ARTSUCHE 		{ display:block; }
#REVIERSUCHE 	{ display:none; }
#CODESUCHE		{ display:block; }
#NAMESUCHE		{ display:none; }

/* ========================================================================================== Ladezustand */

.LOADING { position:absolute; display:block; width:96%; z-index:987654321; }

/* ========================================================================================== WIRKLICH ENTFERNEN? */

.ENTFERNEN  { 
	position:absolute; 
	display:block; 
	width:96%; /**/
	text-align:center; 
	margin:.5% 2%; 
	z-index:987654321;
	border:1px solid rgba(177,20,30,1.00);
}
.ENTFERNEN .CLOSE {
	position:absolute;
	width:30px;
	height:30px;
	top:10px;
	right:10px;
	text-align:right;	
}
.ENTFERNEN .CLOSE .fa { cursor:pointer; font-size:1.8em; }

/* ========================================================================================== GESPEICHERT */

.GESPEICHERT  { 
	position:absolute; 
	display:block; 
	width:96%; 
	text-align:center; 
	margin:.5% 2%; 
	z-index:987654321;
	border:1px solid rgba(59,171,126,1.00)
}
.GESPEICHERT .CLOSE {
	position:absolute;
	width:30px;
	height:30px;
	top:10px;
	right:10px;
	text-align:right;	
}
.GESPEICHERT .CLOSE .fa { cursor:pointer; font-size:1.8em; }

/* ========================================================================================== Inhalt */

#CONTENT {
    border-radius: 8px;
    background: #efefef;
    padding: 0;
    -webkit-box-shadow: 2px 2px 4px 2px rgba(0,0,0,0.48);
    box-shadow: 1px 1px 6px 3px rgba(0,0,0,0.48);
}

#CONTENT.off { background: #cccccc; }

#CONTENT .row { margin: 10px 0px; }

@media(max-width:767px){
	#CONTENT .row { margin: 0px 0px; }
	#CONTENT .col-md-12 { 
		padding-left:5px;
		padding-right:5px;
	}
}
.nav-link.off { background: #efefef !important; } /* TAB */
.tab-content.off { background: #cccccc !important; } /* Inhalt */

/* ================================================================================= wenn keine TABS ... */

.content { 
	/*float:left;*/
	width:98%;
	margin:1%;
	border:1px solid #999;
	border-radius: 4px;
	background:white;
	padding: 1.5% 0 1% 0;
	height:750px;
	overflow:scroll;
}

/* ================================================================================= BILDVERWALTUNG */

.BildBlock { 
	float:left; 
	width:100%; 
	padding-bottom:20px; 
	margin-bottom:20px; 
	border-bottom:1px solid #cccccc; 
}

.BildBlock:last-child { 
	border:none; 
	margin-bottom:0;
}

.col-md-4.BILD img {width:100%; height:auto;}

.col-md-4.BILD .ImageFunctions { position:absolute; margin:4px; }

.col-md-8.PARAMETER p {float:left; line-height:1.2em; width:100%;}

.col-md-8.PARAMETER b {float:left; width:130px; margin-right:15px; text-align:right;}


/* ================================================================================= NAVIGATION */
.col-md-3#navleft {padding-top:0; padding-left:0px;}

.nav.nav-tabs {  }

li.nav-item a { padding:5px 8px; font-size:16px; margin:0px; }

.tab-content { 
	font-size:16px;
	padding:10px 0px;
	border-left: 0.5px solid #ccc;  
	border-right: 0.5px solid #ccc;
	border-bottom: 0.5px solid #ccc;
	background:white;
}

/*li.devider { background:#666666 !important; color: #eeeeee !important; }*/
li.devider { background:#cccccc !important; color:#777777 !important; }

/* ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– TOGGLE-Menü */
h2.btn.toggleheader { font-size:18px; width:100%; color: white; background: rgba(0,125,75,1.00); }

.toggleheader.menu 	{
    width: 100%;
    font-size: 16px !important;
    font-weight: bold;
    /*background: rgba(0,125,75,1.00)!important;*/
    margin: 4px 0px;
    border: 1px solid white;
    -webkit-box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.50);
    box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.50);
}

.toggleheader.menu.active {
	-webkit-box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.50);
    box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.50);
}

.toggleheader.menu:first-child { margin-top:0px; }

.toggleheader.menu:hover { color:rgba(193,229,215,1.00); }

.btn.toggleheader.menu a { color:white; }

.togglecontent.menu { 
	margin: -4px 0px 4px 0px;
	padding: 8px 0px 4px 0px;
	border-radius:4px;
	background:rgba(207,242,228,1.00); 
}

.togglecontent.menu ul {
	list-style: none;
	margin:0;
	padding:0;
}
.togglecontent.menu li {
	font-size:16px;
	padding:6px 12px;
	border-bottom:1px solid rgba(0,125,75,1.00);
	/*background:rgba(255,100,0,1.00);*/
}
.togglecontent.menu li:last-child {
	border:none;
}

.togglecontent.menu li.active {
	background:rgba(145,222,191,1.00);
}

.togglecontent.menu li a {
	color:rgba(0,125,75,1.00);
}
.togglecontent.menu li.active a {
	font-weight:bold;
}

.togglecontent.menu li a.sub {
	padding-left:18px;
}

/* ==================================================================================== FUNKTIONSBUTTONS FUSS */

.FUNCTIONS { 
	float:left;
	text-align:center;
	margin:0% 2%;
	padding: 2% 0;
	width:96%;
	border: 1px solid #999;
	border-radius:4px;
	background:white; 
}

/* =============================================================== BUTTONS */

a.btn.small { padding: 0px 4px; }

.btn.function {
	font-size:24px;
	line-height:24px;
	text-align:center;
	width:36px;
	height:36px;
	padding:5px 0px;
	margin: 0px 3px;
}
@media(max-width:767px){
	.btn.function {
	font-size:20px;
	line-height:20px;
	text-align:center;
	width:28px;
	height:28px;
	padding:3px 0px;
	margin: 0px 3px;
}
}

/* --------------------------------------------------- in toggle-header */
.toggleheader .btn.function {
	font-size:18px;
	line-height:18px;
	padding:3px 0px;
	width:26px;
	height:26px;
}
toggleheader .btn.function:last-child { margin-right:0px; }
/* -------------------------------------------------------------------- */

.btn.alpha.off { opacity:.3; }

.btn.alpha { 
	font-size:18px;
	/*padding:6px;*/
	width:40px;
	height:40px;
	margin: .8% .5%;
}
@media (max-width:767px){
	.btn.alpha { 
		font-size:14px;
		padding:4px;
		width:30px;
		height:30px;
	}
}
@media (max-width:479px){
	.btn.alpha { 
		font-size:18px;
		width:36px;
		height:36px;
		margin: 1.3% 1.3%;
	}
}
@media (max-width:360px){
	.btn.alpha { 
		font-size:18px;
		width:36px;
		height:36px;
		margin: 1.3% 1.3%;
	}
}
@media (max-width:320px){
	.btn.alpha { 
		font-size:16px;
		width:32px;
		height:32px;
		margin: 1.3% 1.3%;
	}
}

.button-group-container {
	float:left;
	text-align:center;
	width:100%;
	padding-left:112px;
}

.button-group-container.wo-eins {
	padding-left:148px;
}/* ohne quit, search oder print (1 Button) */

.button-group-container.wo-zwei {
	padding-left:184px;
}/* ohne zwei Einzel-Buttons */

.button-group-container.wo-drei {
	padding-left:210px;
}/* ohne drei Einzel-Buttons */

.button-group-container.wo-drei-dir {
	padding-left:328px;
}/* ohne Richtungspfeile und drei Einzel-Buttons */

.button-group {
	float:left;
	margin: 0px;
	text-align:center;
	width:auto;
	padding: 0 12px;
}

@media(min-width:1200px){
	#CONTENT .tab-content .col-md-6.only,
	#CONTENT .tab-content .col-md-6:first-child 	{ padding-right: 0; }
	#CONTENT .tab-content .col-md-6:last-child 		{ padding-left: 0; }
	
}

.grey 				{ color: 		#666666; } 
.bg-grey 			{ background: 	#efefef; }

.blue 		{ color: 		rgba(9,135,232,1.00); } 
.bg-blue 	{ background: 	rgba(9,135,232,0.10); }

.red 		{ color: 		rgba(223,25,37,1.00); } 
.bg-red 	{ background: 	rgba(223,25,37,0.10); }

.green 		{ color: 		rgba(0,151,90,1.00); } 
.bg-green	{ background: 	rgba(0,151,90,0.10); }

.inaktiv { opacity: .3;	cursor:default; }

/* ==================================================================================== RESPONSIVE */
/* =============================================================================================== */
@media (max-width:991px){
	body {
		background:none;
		background-color:white;
	}
	
	#CONTENT { box-shadow:none; }
	
	#CONTENT .col-md-2,
	#CONTENT .col-md-3, 
	#CONTENT .col-md-4, 
	#CONTENT .col-md-5, 
	#CONTENT .col-md-6, 
	#CONTENT .col-md-7, 
	#CONTENT .col-md-8, 
	#CONTENT .col-md-9, 
	#CONTENT .col-md-10, 
	#CONTENT .col-md-12
	{ width:100%;}
		
	#CONTENT .col-md-2 .btn { margin-top:10px; width:50% !important; }
	
}

/* ----------------------------------------------------------------------- SONDERFALL KOPFBEREICH */

@media (min-width:1200px){
	.col-md-2 .btn.btn-default { width:100%; margin-bottom:10px; }
	.row.combi { 
		float:left; 
		width:83.3% !important; 
		margin-top:-52px !important; 
	}
	.row.combi .col-md-9 { padding-right:0; }
	.row.combi .col-md-9 input[type="text"] { width:330px; }
}
@media (max-width:1199px){
	.col-md-2 .btn {  width:130px; max-width:130px; }
	.row.combi .col-md-9 { width:75% !important; }
	.row.combi .col-md-9 label,
	.row.combi .col-md-9 input[type="text"] { width:100%; text-align:left; }
	.row.combi .col-md-3 { width:25% !important; }
}
@media (max-width:991px){
	.row.combi .col-md-9 { width:100% !important; }
	.row.combi .col-md-9 label,
	.row.combi .col-md-9 input[type="text"] { width:100% !important; text-align:left; }
	.row.combi .col-md-3 { width:100% !important; }
	label { margin-top:10px !important; }
}


/* ################################################################################################ */
/*										Verarbeitungsprozess 									    */
/* ################################################################################################ */

#process { 
	position:absolute !important; 
	width:100%; 
	z-index:100;
	padding:30px 10px;
	display:none;
}
#process .fa-spinner { font-size:1.8em; }

/* ################################################################################################ */
/*									INDEX SEMINUM BEARBEITEN 									    */
/* ################################################################################################ */


@media (min-width:768px){
	.col-md-6.IS-edit,
	.col-md-4.IS-edit,
	.col-md-3.IS-edit {
		float:left; 
	}
	.col-md-6.IS-edit { width:50% !important; }
	.col-md-4.IS-edit { width:33.3% !important; }
	.col-md-3.IS-edit { width:25% !important; }
	
	.IS-edit { padding-bottom:20px; }
	.IS-edit img { width:85%; height:auto; }
}

@media (max-width:1199px){
	.IS-edit input[type="text"]	{ font-size:.9em; }
}

	.IS-edit .TitleIMG {
		position:absolute; 
		float:left; 
		top:31.2%; 
		left:12.6%; 
		width:64%; 
		height:38.6%;
	}
	.IS-edit .TitleIMG img { width:100%; height:auto; }

	.IS-edit .TitleIMGBU {
		position:absolute; 
		float:left; 
		top:71%; 
		left:12.6%; 
		width:64%; 
		height:3%;  
		background:rgba(255,255,255,1.00);
		font-size:5.6px;
		text-align:right;
	}

@media (max-width:767px){
	.IS-edit img { width:260px; height:auto; }
	
	.IS-edit .TitleIMG {
		position:absolute; 
		float:left; 
		top:119px; 
		left:44px; 
		width:212px; 
		height:148px; background:rgba(229,90,0,0.27)
	}
	.IS-edit .TitleIMGBU {
		position:absolute; 
		float:left; 
		top:272px; 
		left:44px; 
		width:212px; 
		height:8px;  
		background:rgba(255,255,255,1.00);
		font-size:4.6px;
		text-align:right;
	}
}