/* CSS Document */


html, 
body {
	
	
	font-family: 'Open Sans Condensed', sans-serif;
	/*font-family: 'Tulpen One', cursive;*/
	/*font-family: 'Wire One', sans-serif;*/
	/*font-family: 'Quicksand', sans-serif, Helvetica, Arial, sans-serif;*/
	color:#727272;
	font-size:20px;
	font-style:inherit;
	/*letter-spacing:2px;*/
}

h1 {
	font-size:26px;
}

h2 {
	font-size:30px;
	text-align:center;
}

h3 {
	font-size:15px;
	}

h4 {
	font-size:40px;
	text-align:center;
}	

	

#inhalt {
	position:absolute;
	top:5px;
	left:10px;
	width:auto;
	height:auto;
	/*background-color:rgba(300,300,300,0.3);*/
	padding:10px 10px 50px 10px;
	/*border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius:10px;
	border:1px solid #000;*/
	}


#anmeldung	
 {
	position:fixed;
	top:100px;
	left:20%;
	float:left;
	}


table {
	border-collapse:collapse;
}

/*tr:nth-of-type(odd) {
	background-color:#EBF9B5;
}*/

tr {
	background-color:rgba(300,300,300,0.3);
}

tr:hover {
	background-color:rgba(300,300,300,0.6);
}

td {
	padding:3px;
	border: 1px solid #e6007e;
}

.logout {
	position:fixed;
	right:50px;
	top:10px;
	background-color:rgba(300,300,300,0.3);
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	border: 1px solid #e6007e;
	padding:3px;
	}

.button {
	width:96px;
	border: 1px solid #e6007e;
	font-family: 'Quicksand', sans-serif, Helvetica, Arial, sans-serif;
	font-size: 18px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	}


label {
	display:inline-block;
	width: 150px;
	vertical-align: top;
}

input[type="text"], 
input[type="email"],
input[type="password"],
textarea {
	width: 200px;
	font-size:18px;;
	font-family: 'Quicksand', sans-serif, Helvetica, Arial, sans-serif;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #e6007e;
}

input[type="text"]:focus, 
input[type="email"]:focus,
textarea:focus {
	color:#000;

}


textarea {
	resize:vertical;
	height:200px;
	min-height:200px;
	max-height:500px;
}

input, textarea {
	background-color:rgba(300,300,300,0.3);
	}


/* Navigation*/
nav {
	position:relative;
	}

ul {
	margin:0px; /*auto evtl. .homenav*/
	padding:10px; /*auto evtl. .homenav*/
	}

li {
	list-style:none;
	
	}

a {
	padding:0 5px;
	text-decoration:inherit;
	/*color:#384950;*/
	color:#A0A0A0;
	}

/*a:link  {
	color:#000;
	padding:50px 25px 50px 0px;
	text-decoration:none;
	transition:all ease-in-out 0.5s;
}*/

a:hover, a.active {
	color:#60007f;
	text-shadow: 0 0 0.5px #ffffff;
	/*transition:all ease-in-out 1s;*/
	}

.logoStartseite {
	position:fixed;
	left:5%;
	bottom:3em;
	width:50%;
	max-width:800px;
	}
	
.logo {
	position:relative;
	left:-12px;
	top:0px;
	bottom:10px;
	width:300px;
	}	

.willkommen {
	left:-12px;
	top:5px;
	position:relative;
	text-align:center;
	font-size:20px;
	}
	
	
#fusszeile {
    position:fixed;
	display:flex;
    bottom:0px;
	background-color:rgba(000,000,000,0.6);
    width:100%;
	left:0px;
	padding:10px 0px 10px 0px;
    /*height: 2.8em;*/
	height: auto;
	text-align:left;
	letter-spacing:2px;
	font-size:14px;
	color:#A0A0A0;
	border-top:1px solid #000;
	
	
  -webkit-box-shadow: 3px 3px 5px 6px #000;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow:    3px 3px 5px 6px #000;  /* Firefox 3.5 - 3.6 */
  box-shadow:         3px -3px 10px 1px #000;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}


#fusszeileSmart {
	display:none;
}



#fusszeileLinks {
 float:left; 
width:calc(25% - 20px);
	padding-left:20px;
	font-size:10px;
}


#fusszeileMitte {
  float:left; 
	padding:0px 0px 0px 0px;
	width:40%;
	text-align:center;
	
}


#fusszeileLinks {
 float:left; 
width:calc(30% - 20px);
	padding-left:20px;
	
}

#fusszeileRechts {
  float:right;  
	text-align:right;
	width:calc(30% - 20px);
	padding-right:20px;
	font-size:10px;
	
}


.facebook {
	height:40px;
}






@media screen and (max-device-width:900px) {

#inhalt {
	margin-right:10px;
	width:60%;
	}


	
	
#fusszeileSmart {
    position:fixed;
	display:block;
    bottom:0px;
	background-color:rgba(000,000,000,0.6);
    width:100%;
	left:0px;
	padding:10px 0px 10px 0px;
    /*height: 2.8em;*/
	height: auto;
	text-align:left;
	letter-spacing:2px;
	font-size:14px;
	color:#A0A0A0;
	border-top:1px solid #000;
	
	
  -webkit-box-shadow: 3px 3px 5px 6px #000;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow:    3px 3px 5px 6px #000;  /* Firefox 3.5 - 3.6 */
  box-shadow:         3px -3px 10px 1px #000;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}	
	
#fusszeile {
	display:none;
}	

	
#fusszeileLinksSmart {
 float:left;
width:calc(80% - 20px);
	padding-left:20px;
	font-size:10px;
}


#fusszeileMitteSmart {
  float:left; 
	padding:0px 0px 0px 0px;
	width:100%;
	text-align:center;
}
	

#fusszeileRechtsSmart {
  float:left;  
	text-align:right;
	width:calc(20% - 20px);
	padding-right:20px;
}
	
	
	
	

}