/*---------------------------Farbschema PLANITAS----------------------------*/

/* weiss */
.bc_weiss, #hauptinhalt, tr.hell td, tr.hell, #auswahl button.aktuell, #auswahl button:hover, .filter, #pinnwand .zettel
{
	background-color: #fff;
}

.co_weiss, #kopf #navi a, #info a, #info p, input[type="submit"], #kopf, #kopf #navi li button
{
	color: #f7f5f7;
}

.bo_weiss, #navi ul li {
	border-color: #fff;
}

/* grau - heller */
.bc_grau_heller, td, th, #hauptinhalt .untermenue, input, select
{
	background-color: #fbfbfb;
}

/* grau - hell */
.bc_grau_hell, #hauptinhalt .detail li input[type="submit"], #hauptinhalt .detail
{
	background-color: #cdd3d8;
}
.co_grau_hell, .filter
{
	color: #5e656a;
}
.bc_grau_hell
{
	border-color: #cdd3d8;
}

/* grau - mittel */
.bo_grau_mittel, td, th, #hauptinhalt td.detail .ohne, #hauptinhalt .detail li
{
	border-color: #999;
}

/* grau */
.bc_grau, body, .detail, table.aktuell tr td, tr.aktuell td, td.aktuell, input[type="checkbox"]:disabled, input[type="radio"]:disabled
{
	background-color: #dadfe3;
}

/* schwarz */
.bc_schwarz, hr
{
	background-color: #222;
}
.co_schwarz, td, td p, #hauptinhalt .detail li input[type="submit"].aktuell, #vorgaenge
{
	color: #222;
}
.bo_schwarz 
{
	border-color: #222;
}
.bb_schwarz
{
	border-bottom: #222;
}

/* blau */
.bc_blau, #inhalt, #info
{
	background-color: #5a73ab;
}
.co_blau, .visitenkarte a:hover, .pinnw_person
{
	color: #5a73ab;
}
.bo_blau
{
	border-color: #5a73ab;
}
.ou_blau
{
	outline: #5a73ab;
}

/* blau - dunkel */
.co_blau_dunkel, body, h4, h5, h1, h5, h6, h3, #hauptinhalt .inputLink, button, h2, #hauptinhalt .detail li input[type="submit"], th, .visitenkarte a, .pinnw_person a:hover
{ 
	color: #223377;
}
.bc_blau_dunkel
{ 
	background-color: #223377;
}
.bo_blau_dunkel
{
	border-color: #223377;
}

/* blau_grau */
.bc_blau_grau, #kopf #navi ul, input[type="submit"], #kopf li button
 {
	background-color: #234da1;
}
.co_blau_grau, .pinnw_person a
{
	color: #234da1;
}
.bo_blau_grau, #hauptinhalt, .visitenkarte, .pinnw_person a
{
	border-color: #234da1;
}
	
/* blau heller */
.bc_blau_heller, #datenpflege_kopf
{
	background-color: #eee;
}

/* blau hell */
.bc_blau_hell, #auswahl, #auswahl button, #pinnwand, .visitenkarte
{
	background-color: #eaeef2;
}

/* rot */
.bc_rot
{
	background-color: #8E321B;
}
.co_rot, .pinnw_text
{
	color: #8E321B;
}
.bo_rot, .pinnw_text
{
	border-color: #8E321B;
}


/* gruen weiß*/
.bc_gruen_weiß, #datenpflege tr.dunkler td, td.dunkler
{
	background-color: #d7f2eb57;
}


/* gruen heller */
.bc_gruen_heller, .markierung, .buttonlink:hover, #hauptinhalt .detail li input[type="submit"].aktuell, button.filter.aktuell, #auswahl button.filter.aktuell
{
	background-color: #d7f2eb;;
}

/* gruen hell */
.bc_gruen_hell
{
	background-color: #01ffb9a3;
}
.co_gruen_hell
{
	color: #01ffb9;
}

/* gruen mittel */
.co_gruen_mittel, a:hover
{
	color: #33bd98;	
}
.bc_gruen_mittel
{
	background-color:#33bd98;
}

/* gruen dunkel */
.co_gruen_dunkel, .hinweis, .buttonPlus, .buttonKlein, a, .pinnw_vorgang
{
	color: #2d8c72;
}
.bc_gruen_dunkel
{
	background-color: #2d8c72;
}
.bo_gruen_dunkel, .pinnw_vorgang
{
	border-color: #2d8c72;
}

/* rot */
.co_rot, .warnung, .warnungfett, .eingabefehlerText
{
	color: #a31500;
}
.bo_rot, .rahmenWarnung, .eingabefehler
{
	border-color: #a31500;
}

/* gelb hell */
.bc_gelb_hell
{
	background-color: #fffae0;;
}
.co_gelb_hell
{
	color: #fffae0;;
}

/* gelb dunkel */
.bc_gelb_dunkel
{
	background-color: #af9613;
}
.co_gelb_dunkel
{
	color: #af9613;
}
.bo_gelb_dunkel
{
	border-color: #af9613;
}

/*transparent*/
.transparent, #hauptinhalt td.detail .ohne, #hauptinhalt tr.ohne td, .buttonlink, .buttonlink.ohne, #kopf #navi button[type="submit"]:disabled:hover, #kopf li.aktuelleAuswahl button
{
	background-color:transparent;
}


/* Allgemeines */

*
{
	font-family:Courier New,Courier,Lucida Sans Typewriter,Lucida Typewriter,monospace;
}

body
{
	font-family:Courier New,Courier,Lucida Sans Typewriter,Lucida Typewriter,monospace;
	background-size:100%;
	font-size:80%;
}
textarea{
	font-family:Courier New,Courier,Lucida Sans Typewriter,Lucida Typewriter,monospace;
}
table
{
	border-collapse:collapse;
}

caption,th,td
 {
	text-align:left;
	font-weight:normal;
}
a
{
	text-decoration:none;
	cursor: pointer;
	font-style: normal;
}

/*Text*/
p,h1,h2,h3,h4
 {
	font-style: normal;
}
h1
{
    font-size:18px;
}
h4, p
{
	margin: 5px 0;
}
th
{
	text-align:center;
}
input, textarea, select
{
	font-family:Courier New,Courier,Lucida Sans Typewriter,Lucida Typewriter,monospace;
	font-size:12px
}
select
{
	outline:none;
}
input[type="checkbox"], input[type="radio"]
{
	-webkit-appearance: none;
	vertical-align:middle;
	border: 1px solid #254c62; 
	margin:1px;
	border-radius: 2px;
	width: 14px;
	height: 14px;	
}
input[type="radio"]
{
	border-radius: 12px;
}
input[type="checkbox"]:checked, input[type="radio"]:checked
{
	box-shadow: inset 0px 0px 0px 2px #fff;
	background-color: #4287af;	
}

/* Bilder und verlinkte Bilder ohne Rahmen */
img,a img 
{
	border:0;
	margin:0;
}

/* Buttons */
input[type="submit"], button
{
	border-radius:4px 4px;
}

input[type="submit"], img[type="submit"]:hover, button:hover, button
{
	cursor:pointer;
}
input[type="submit"]:disabled, img[type="submit"]:hover:disabled, button:hover:disabled
{
	cursor:default;
}

/* allgemeine Klassen */
.zentriert
{
	text-align:center;
}
.eineZeile
{
	white-space: nowrap;
}
.oben, #hauptinhalt td.oben
{
	vertical-align:top;
	padding-top:8px;
}
.unten
{
	vertical-align:bottom;
}
.ohneAbstandOben
{
	padding-top:0;
	margin-top:0;
}
.rechtsbuendig, .zahl
{
	text-align: right;
}
.linksbuendig
{
	text-align: left;
}
.inputLink
{
	font-style: italic;
	text-decoration: none;
	border: 0px;
	cursor:pointer;
}
.buttonlink
{
	border: 0px;
	cursor: pointer;
}
.filter
{
	
}
.warnungfett
{
	font-weight: bold;
}
.spalten
{
	display: flex;
	flex-direction: row;
	align-items: flex-start;
}
.tabelle_2
{
	display: grid;
	grid-template-columns: auto auto;
	grid-template-rows: auto;
	column-gap: 5px;
}
td .spalten
{
	border-width: 0;
}
.kursiv
{
	font-style: italic;
}
.fett
{
	font-weight: bold;
}
.verschiebbar
{
	cursor: move;
}

/* Links- bzw. Rechtsausrichtung für Elemente */
.links
 {
	float: left;
}
.rechts 
{
	float: right;
}
/* Clearfix */
.cf:before,.cf:after
 {
	content: "";
	display: table;
}
.cf:after
 {
	clear:both;
}
.nichtmarkieren {
 -ms-user-select: None;
 -moz-user-select: None;
 -webkit-user-select: None;
 user-select: None; 
}

/*Inhalt*/
#inhalt
 {
	margin:0 auto 0; /*rechter und linker Außenabstand auf auto bewirkt, dass das Element horizontal zentriert wird*/
	width:95%;
	border-radius:10px;
}

#kopf 
{
	width:100%;
	float:left;
	clear:both;
	border-radius:10px;
}

#kopf #navi ul
 {
	width:100%;
	float:left;
	padding-left:0;
	margin: 5px 0 10px 0;
}

#kopf #navi ul li
{
	list-style:none;
	float:left;
	margin:0 0 0 10px;
	padding: 2px;
}

#kopf #navi ul li button
{
	border:none;
	padding-bottom: 5px;
}

#kopf li.aktuelleAuswahl button, #kopf li button:hover
{
	text-decoration:underline;
}

#kopf select, #datenpflege_kopf select
{
	border-radius:2px;
}

/* datenpflege*/
#datenpflege
{
	padding:0 15px 15px 15px;
}

/* hauptinhalt  */
#hauptinhalt {
	width: 98%;
	margin:0 auto 0;
	clear:both;
	overflow:auto;
}

#hauptinhalt h1
{
	padding: 0 14px 0 0;
	margin-top:5px;
	margin-bottom:5px;
}

#hauptinhalt h4
{
	margin-bottom:0;
}

#hauptinhalt  td, th 
{
	border-width: 1px;
	border-style: solid;
	padding: 4px 3px 4px 3px;
}

#hauptinhalt  td .eingabefehler 
{
	border-width: 2px;
	border-style: solid;
}

#hauptinhalt th, #hauptinhalt th button
{
	text-align:center;	
}

#hauptinhalt  .linkerAbstand
{
	margin-left: 10px;
}	

#hauptinhalt  td.ohne, th.ohne
{
	border-width: 0;
	margin-top: 2px;
	background: none;
	border-style:none;
}
#hauptinhalt td.ohneRand
{
	border-width: 0;
	margin-top: 2px;
	border-style:none;
}

#hauptinhalt  td.dunkel, th.dunkel 
{
	border-width: 0;
	margin-top: 2px;
}

#hauptinhalt .warnung
{
	font-weight:bold;
	padding: 5px;
	margin-right: 2px;
}

#hauptinhalt hr
{
	height:1px;
	border:0;
	width:100%;
}

#hauptinhalt td.ok
{
	text-align: left;
	border-width: 0;
	padding-top: 15px;
}

#hauptinhalt th.klein, #hauptinhalt td.klein
{
	font-size:80%;
}

#hauptinhalt input.submit
{
	padding: 2px 8px 2px 8px;
}

#hauptinhalt .rechteLinie
{
	border-right-width:1px;
}

#hauptinhalt .ohneLinkeLinie
{
	border-left-width:0;
}

#hauptinhalt .ohneRechteLinie
{
	border-right-width:0;
}

#hauptinhalt .ohneUntereLinie
{
	border-bottom-width:0;
}

#hauptinhalt .ohneObereLinie
{
	border-top-width:0;
}

#hauptinhalt .buttonPlus
{
	font-size:11px;
}

#hauptinhalt .buttonKlein
{
	font-size: 10px;
	padding:0 0 10px 0;
	margin:0;
	width:20px;
	height:20px;
	vertical-align:top;
}

#hauptinhalt .imgKlein
{
	width:12px;
	height:12px;
}

#hauptinhalt .detail
{
	padding:15px;
}

#hauptinhalt .detail ul{
	margin: 0;
	padding: 0;	
}

#hauptinhalt .detail li
{
	padding: 0;
	list-style: none;
	float: left;
	display: block;
	margin: 0 5px 0 0;	
	border-style:solid;
	border-width:2px 2px 0 2px;
	border-radius: 3px 3px 0 0;
}

#hauptinhalt .detail li input[type="submit"]
{
	border-width:0;
	font-size:13px;
	border-radius:0;
	padding:3px;
	margin:0;
}

/*auswahl*/
#auswahl
{
	padding:5px;
	height:100vh;
	width:20%;
	overflow:auto;
}

/*vorgaenge*/
#vorgaenge
{
	padding:5px;
	width:60%;
	overflow:auto;
}

/*pinnwand*/
#pinnwand
{
	padding:5px;
	height:100vh;
	width:20%;
	overflow:auto;
}
#pinnwand .zettel
{
	width:max-content;
	margin:10px;
	padding:5px;	
	border-radius:2px;
	border:1px solid;
	cursor:move;	
}

/*info*/
#info 
{
	margin:0 auto 0;
	text-align:center;
}
#info p
{
	padding:10px 30px;
	margin:0;
}

/*datenpflege*/
#datenpflege
{
	overflow:auto;
}

#datenpflege_kopf
{
	margin-bottom:20px;	
}
#datenpflege_kopf p
{
	padding:0;
	margin:10px;
}

#zumAnfang
{
	position:fixed;
	left: 95%;
	bottom:0;
	opacity:0.6;
}

/*formular*/
#formular input, #formular textarea, #formular select
{
	width:300px;
}

/*visitenkarte*/
.visitenkarte
{
	display:none;
	position:absolute;	
	padding:5px 8px 8px 8px;
	border-radius:5px;
	border-style:solid;
	border-width:1px;
	opacity:0.7;
}
.visitenkarte .tabelle_2 p
{
	margin:2px;
}
.visitenkarte img:hover, .visitenkarteOk
{
	cursor: pointer;
}
.visitenkarte a
{
	font-style:normal;	
}


#filedrag, .filedrag
{
	/*height: 10px;*/
	font-weight: bold;
	text-align: center;
	padding: 5px 0;
	margin: 5px 0;
	color: #555;
	border: 2px dashed #555;
	border-radius: 7px;
	cursor: pointer;
}

#filedrag.hover, .filedrag .hover
{
	color: #f00;
	border-color: #f00;
	border-style: solid;
	box-shadow: inset 0 3px 4px #888;
}

#progress p, .progress p
{
	display: block;
	width: 130px;
	padding: 2px 5px;
	margin: 2px 0;
	border: 1px inset #446;
	border-radius: 5px;
	background: #eee 100% 0 repeat-y;
}

#progress p.success, .progress p.success
{
	background: #0c0 none 0 0 no-repeat;
}

#progress p.failed, .progress p.failed
{
	background: #c00 none 0 0 no-repeat;
}
.upload_submit{
	display:none;
}


/* MEDIA QUERIES */

/* für kleine Geräte, alle vorher genannten Angaben werden überschrieben (max-width für mobile Geräte und max-device-width auch für Desktop-Browser */
@media only screen and (max-width: 1199px), only screen and (max-device-width: 480px) {
body{
	margin:0;
	padding:0;	
}
#inhalt
{
	border-radius: 0;
	width: 100%;
}

#hauptinhalt{
	/*background-color:red;  -------------zum Testen-------------*/
	border: none;
	margin: 0;
	width: 100%;
}

#navi ul li
{
	
}

#h1{
	font-size:14px;
}
}