/* =================================================
Stylesheets f� Projekt mv-soft Ltd.

Dunkelgrau: #787878;
Hellgrau: #DADADA;
==================================================*/



/* =================================================
1. Allgemein
==================================================*/


@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/open-sans-v34-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v34-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v34-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}


html {
	scroll-behavior: smooth;
}




body { 
	margin:0; 
	font-family: 'Open Sans' ,Arial, Verdana, sans-serif;
	font-size:20px;
	background-color: #fff;	
	color: #222222;	
}

a { color: #222222; text-decoration: none; }
a:link { border-bottom: 1px dotted #222222 }
a:visited { border-bottom: 1px dotted #222222 }
a:hover { border-bottom: 1px solid #222222, color: #ff0000; }
a:active { border-bottom: 1px dotted #222222 }
a:focus { border-bottom: 1px dotted #222222 }



header {	
	font-size: 200%;
	color: #fff;
	text-align: center;
	padding: 2rem 0;
	background: #fc0204; /* Old browsers */
	background: -moz-linear-gradient(top,  #fc0204 0%, #ac0300 50%, #ac0300 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fc0204), color-stop(50%,#ac0300), color-stop(100%,#ac0300)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fc0204 0%,#ac0300 50%,#ac0300 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fc0204 0%,#ac0300 50%,#ac0300 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fc0204 0%,#ac0300 50%,#ac0300 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #fc0204 0%,#ac0300 50%,#ac0300 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fc0204', endColorstr='#ac0300',GradientType=0 ); /* IE6-9 */
	width: 100%;
}



header a {
	color: #fff !important;
}


article {
	width: 50%;
	box-sizing: border-box;
	padding: 1rem;
	background-color: #dedede;
	display: inline-block;
}

aside {
	float: right;
	width: auto;
	margin: 0 1rem 0 0;
	-moz-border-radius: 0.25rem;
	-webkit-border-radius: 0.25rem;
	border-radius: 0.25rem;
}

footer {
		text-align: center;
		padding: 1rem;
		background-color: #B3B3B3;
}

footer a{
		border: none !important;
}



h1 {
	font-size: 250%;
	font-weight: normal;
	margin: 2rem 0 1rem 0;;
}


h2 {
	font-size: 200%;
	font-weight: normal;
	margin: 2rem 0 1rem 0;;
}

h4 {
	font-size: 125%;
	font-weight: normal;
	margin: 0;
}

iframe {
	width: 49%;
	height: 25rem;
}

i {
	display: inline-block;
}

ul {
	margin: 0 0 1rem 1.5rem; 
	padding: 0;
	list-style-type: circle;
	padding: 0;	
}

li {
	margin-left: 0; 
	margin-bottom: 5px; 
	padding: 0;
	list-style-type: circle;
}

label {
	display: block;
	cursor: pointer;
}

input, textarea, select {
	width: 50%;
	border: 1px solid #DADADA;
	padding: 0.5rem;
	margin: 0 0 1rem 0;
	font-size: 100%;
	font-family: 'Droid Sans' ,Arial, Verdana, sans-serif;
	-moz-border-radius: 0.25rem;
	-webkit-border-radius: 0.25rem;
	border-radius: 0.25rem;
}

input[type="submit"] {
	width: 52%;
	font-size: 100%;
	font-weight: normal;
	font-family: 'Droid Sans' ,Arial, Verdana, sans-serif;
	-moz-border-radius: 0.25rem;
	-webkit-border-radius: 0.25rem;
	border-radius: 0.25rem;
	border:1px solid #ADADAD;
	padding: 0.5rem;
	text-decoration:none;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #dedede), color-stop(100%, #ADADAD) );
	background:-moz-linear-gradient( center top, #dedede 5%, #ADADAD 100% );
	background:-ms-linear-gradient( top, #dedede 5%, #ADADAD 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3F3F3F', endColorstr='#ADADAD');
	background-color:#dedede;
	cursor: pointer;
} 

input#domain:focus {
	background-color: #fc0204;
	color: #fff;
	transition: all 0.25s linear 0s;
}

p {
	margin:0 0 0.5rem 0;
}

section {
	max-width: 1200px;
	margin: 2rem auto;
	padding: 1rem;
	min-height: 25rem;
}


table {	
	width: 100%;
}

th {
	background-color: #B3B3B3;
	padding: 1rem 0.5rem;
	text-align: left;
}

td {
	padding: 1rem 0.5rem;
	vertical-align: top;
	border: 1px solid #B3B3B3;
}

tr:nth-child(odd) {
 background-color: #dedede;
}

tr:hover td{
    background-color: #fe96ff;
    z-index: 1000;
    transition: background-color 0.25s ease;
    cursor: pointer;
    position: relative;
    color: #000;
}

thead{
	width: 100%:
}



/* =================================================
ID Hauptbereiche
==================================================*/




/* =================================================
1.1 Allgemeine Klassen
==================================================*/



.blink{ animation:blink 1000ms infinite alternate; }
@keyframes blink { from { opacity:1; } to { opacity:0; } }

.gross {
	font-size: 250%;
}

.links_float {
	float: left;
	width: auto;
}

.rechts_float {
	float: right;
	width: auto;	
}



.abstand_oben {
	margin-top: 2rem;
}

.abstand_oben2 {
	margin-top: 1r3m;
}

.abstand_unten {
	margin-bottom: 2rem;
}

.abstand_unten2 {
	margin-bottom: 4rem;
}

.abstand_unten {
	margin: 0 0 25px 0;
}

.breite {
	width: 25%;
}

.breite2 {
	width: 60%;
}


.abstand {
	margin: 5px;
}

.clearing {
	clear: both;
}

.fett {
	font-weight: bold;
}

.rahmen {
	border: 3px solid #fe96ff;
}

.rahmendezent {
	padding: 3px;
	background-color: #FFFFFF;
	border: 1px solid #D6D6D6;
}

.b {
	font-weight: bold;
}

.fehler {
	color: #fff;
	padding: 0.25rem;
	background-color: #fc0204;	
}

.meldung {
	color: #02760C;
	padding: 0.25rem;
	border: 1px solid #02760C;
	background-color: #D8FBDB;
}

.achtung {
	background-color: #f9f8c8;
}


.rechts {
     text-align: right;
}



.test {
	display: none !important;

}

.links {
     text-align: left;
}




.i {
	font-style:italic;	
}

.mitte {
	text-align:center;	
}

.td {
	padding: 1rem 0.5rem 0 0.5rem;

}


/* =================================================
Optimierungen: Angaben 
==================================================*/

#opti {
	width: 1200px;
	margin: 1rem auto;

	-moz-border-radius: 0.5em; /* Firefox */   
  -webkit-border-radius: 0.5em; /* Safari, Chrome */   
  border-radius: 0.5em; /* CSS3 */ 
}

#opti p {
	color: #787878;
	margin: 0 0 1rem 0;	
	text-align: justify;
}

#opti div {
	padding: 1rem;
}

#opti a  {
	color: #787878;
	text-decoration:none;
	font-weight: normal;
}


.totop { display: none; position: fixed; right: .5rem; bottom: 14rem; border: none !important; background-color: #FC0204 !important; -moz-border-radius: 0.25rem;
	-webkit-border-radius: 0.25rem; border-radius: .25rem; z-index: 1000; color: #fff !important; font-size: 250%; padding: 0 0.5rem;
}
.tobottom { display: none; position: fixed; right: .5rem; bottom: 7rem; border: none !important; background-color: #FC0204 !important; -moz-border-radius: 0.25rem; 	-webkit-border-radius: .25rem; 
	border-radius: 0.25rem; z-index: 2000; color: #fff !important; 	font-size: 250%; padding: 0 .5rem;
}



#opti li  {
	display: inline;
}


#pur { display: none; }


/* =================================================
	E N D E
==================================================*/