body {
	/*background-color: transparent;
	margin-left: 30px;
	margin-top: 10px;
	margin-right: 30px;*/
	font-family: 'Segoe UI', Arial, Sans-Serif;
	font-size:smaller;
}

.LogInText {
	text-align: right;
	font-size: 12px;
	margin-top: -22px;
	padding-right: 14px;
}

div.center {
	text-align: center;
}

	div.center table {
		margin-left: 0px;
		margin-right: auto;
		text-align: left;
		width: 1024px;
	}

header {
	max-width: 1250px;
	min-width: 900px;
	background-color: transparent;
}

div.UeberAlles {
	max-width: 1250px;
	min-width: 900px;
	margin: 0 auto;
	position: relative;
}

div.UeberAllesINTERN {
	margin: 0 auto;
	position: relative;
	width: 95%;
}


.mycolor {
	color: #198c82;
}
.myheader4 {
	color: #198c82;
	font-size:12pt;
}
.myheader5 {
	color:black;
	font-weight:bold;
	font-size:12pt;
}

h1, h2, h3, h4, h4, h5, h6, strong{
	color: #198c82;
	font-weight: bold
}

h1, h2, h3 {
	font-weight: lighter;
}

	h2.H2_TabHeader {
		margin-bottom: -17px;
		margin-top: -2px;
	}



a {color:black; }
a:visited { color: black; }

/*a {
	outline: none;
	text-decoration: underline;
}*/

/*Eingebaut zum Testen  siehe auch hier #gkjgjgggg   */
 /*a:visited { color: black; }
 a:hover { text-decoration: underline; }
 a { text-decoration: none; color:black;  }*/


a img {
		border: none;
	}

hr {
	background-color: #198c82;
	color: #198c82;
	height:2px;
		margin-bottom: 2px;
		margin-top: 2px;
		border:0
}

.CrfImageSmall {
    width: 100%;
    max-width: 200px;
    height: auto;
}

.TabellenBackgroundHinweis {
	width: 100%;
	margin: 50px;
	font-family: Arial;
	font-size: smaller;
}

.divHinweisBox {
	border: 2px solid #198c82;
	background-color: #F0F0F0;
	padding: 15px;
	margin: 50px;
	font-size:initial;
	font-weight: initial;
	-moz-border-radius: 15px;
	border-radius: 15px;
	text-align: center;
	font-style: italic;
	opacity: 0.6;
}

.divBildrahmen {
	border: 2px solid #C0C0C0;
	font-size: smaller;
	font-weight: lighter;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.InfoTextKlein {
	font-size: small;
	font-weight: lighter;
	color: black;
	font-style:italic;
}

.InfoTextKlein_BLAU {
	font-size: small;
	font-weight: lighter;
	color: blue;
	background-color:lightgray
}


.ButtonImageSize {
	width: 24px;
	height: 24px;
}

.style_HinweisText {
	font-size: small;
	color: #808080;
	font-style: italic;
	margin-top: 0px;
}

.divHeaderAllgemein {
	background-color: White ; 
	margin: 0px;
	padding: 10px;
	padding-left: 0px;
	height: 40px;
	vertical-align: middle;
}
.divIstAufgeschaltet {
	background-color:orange; height: 2px; padding:0;
}

.RadGridCommandArea {
	background-color: #C0C0C0;
	margin: 0px;
	padding: 10px;
	height: 40px;
	vertical-align: middle;
}
.divButtonRahmenInForm{
	margin-bottom:20px; padding-top:20px
}
.divGleicheZeileRechtsbündig{
	display: inline-block; float: right;
}
.RW_ID {
	font-family: 'Courier New', Courier, Monospace; font-size: small; font-weight: bold; color:darkgray
}
label.ErforderlichSternchen {
	font-weight: bold; font-family: Arial, Helvetica, Sans-Serif; font-size: 18px; color: #FF0000;
}
.tablecell_Linebreak {
	word-wrap:break-word;
}
div.RadUpload .ruBrowse
{
    background-position: 0 -23px;
    /*width: 109px;*/
}
div.RadUpload_Default .ruFileWrap .ruButtonHover
{
    background-position: 100% -23px !important;
}   
  
table.GridlinesVisible, .GridlinesVisible td { border: 1px solid green; border-collapse: collapse; }

/*Modal*/
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 80%;
}

/* The Close Button */
.closex {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.closex:hover,
.closex:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.pp3 {
   padding-top: 3px !important;
}

.dot {
            height: 15px;
            width: 15px;
            border-radius: 50%;
            display: inline-block;
        }

.center-div{
	display: block;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 800px;
    height: 150px;
    margin: auto;
    background-color: #f3f3f3;
}

.loading {
  position: fixed;
  z-index: 999;
  overflow: show;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 50px;
  height: 50px;
}

/* Transparent Overlay */
.loading:before {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255,255,255,0.5);
}

/* :not(:required) hides these rules from IE9 and below 
/* hide "loading..." text */
.loading:not(:required) { 
   
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.loading:not(:required):after {
  content: '';
  display: block;
  font-size: 10px;
  width: 50px;
  height: 50px;
  margin-top: -0.5em;

  border: 10px solid rgba(25, 140, 130, 1.0);
  border-radius: 100%;
  border-bottom-color: transparent;
  -webkit-animation: spinner 1s linear 0s infinite;
  animation: spinner 1s linear 0s infinite;


}

.form-control {
	font-size: .8rem !important;
}

/* Animation */

@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}