/*Hintergrund*/
body{
  background-color: #335873;
}
.validate{
  display:none;
}
button,.button{
  border:none;
	outline:none;
	background:none;
	cursor:pointer;
	color:#0000EE;
	background-color:#4CAF50;
	padding: 15px 25px;
	text-decoration:none;
	color: #FFFFFF;
	font-size:20px;
}
#logo{
  width:10%;
  height:10%;
  padding:0;
  margin:0;
}
#logo2{
  width:70%;
  max-height:50%;

}
/*textdefinition*/
*{
  font-family: 'Roboto', sans-serif;
  color:#dedede;
}
h1,.decoration1{
  position: fixed;
}
h1{
	-webkit-pointer-events: none;
	-moz-pointer-events: none;
  pointer-events: none;
  top: 15%;
  color:#FFFFFF;
  font-size: 3em;
  font-weight: bold;
}
h4,h3,h5,h2,p{
  margin:auto;
  width:600px;
}
h3{
    padding-top:20px;
    padding-bottom: 20px;
    font-size:1.2em;
}
h4{
  padding-bottom: 20px;
  font-size:1.5em;
}
h2{
	font-size:1.3em;
}
a{
  text-decoration: none;
  color:#38698e;
  cursor: pointer;
}
h5{
	font-size:1.2em;
}
input{
	color:#000000;
}
.noLink{
  color:#dedede;
}
.extern{
  color: #4CAF50;
}
/* Header*/
.header{
  width: 450px;
  margin:auto;
}
.decoration1{
  max-width: 100%;
  top:20%;
  left:-2%;
   -webkit-pointer-events: none;
  -moz-pointer-events: none;
  pointer-events: none;
}
.landscape{
  position: relative;
  width:auto;
  max-width: 100%;
  margin-bottom: -5%;
  margin-top: -1%;
  -webkit-pointer-events: none;
  -moz-pointer-events: none;
  pointer-events: none;
}
.scroll{
  position: fixed;
  font-size: 0.9em;
  left: 48%;
  top:80%;
  color:#FFFFFF;
}
.sprache{
	color: #FFFFFF;
	margin: 50px;
}
.sprachen{
	position: fixed;
  padding:20px;
	top:0;
	right:0;
}
/*Navigation */
.main-nav{
  position: relative;
  margin:auto;
  padding:0px 20px 20px;
  padding-bottom: 5px;
  margin-bottom:-0.2%;
  background-color: #212121;
}
.active {
    border-top:1px solid #4CAF50;
}
.active2{
	border-top:1px solid #335873;
}
ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}
li {
float:left;
}
nav ul li:hover ul {
  font: inherit;
  z-index: auto;
}
li a {
    display: block;
    color: #FFFFFF;
    font-size: 1.2em;
    text-align: center;
    padding: 14px 16px;
    margin-left: 20px;
    margin-right:20px;
    padding-left: 40px;
    padding-right:40px;
    text-decoration: none;
}
li a:hover {
    background-color: #111;
}
/*Footer*/
.footer{
  position: relative;
  height:100px;
  margin-top:-20px;
  width:100%;
  background-color: #212121;
}
.social-media{
	position:absolute;
	right:50px;
	bottom:10px;
	background-color:#212121;
	padding:10px;
}
.sm{
	max-width:55px;
}
/*content*/
.box{
  position: relative;
  height:auto;
  padding-bottom: 300px;
  background-color: #232323;
  padding-top:100px;
}
/*Kontaktforumlar*/
.textboxes,.login,textarea,.accountBoxes{
  box-sizing: border-box;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   outline: none;
   margin-bottom: 10px;
   color: #dedede;
   border: none;
   width: 50%;
   border-bottom: 1px solid #dedede;
   background: transparent;
   font-size: 1.0em;
}
.textboxes,.login,.accountBoxes{
  padding:10px;
  margin:2px 0;
  display: block;
  padding: 7px;

}
input:focus,textarea:focus {
	outline: none;
  border-bottom:2px solid #4CAF50;
	resize: none;
	color:#dedede;
}
textarea:focus{
  border-right:2px solid #4CAF50;
}
textarea {
  resize: none;
  border-bottom: 1px solid #dedede;
	margin: auto;
}
#kontaktbox,.change{
	width: 600px;
	margin:auto;
}
#kontaktforumlar{
	width:900px;
	margin: 20px auto;
	padding: 20px 0 20px 0;
}
.buttons{
	margin: 0 auto;
  width:600px;
}
#kontaktsubmit,#kontaktreset{
 margin:0 auto;
 width: 20%;
}
#kontaktsubmit{
  width:30%;
  background-color: gray;
}
.kontaktvalidate{
  margin-bottom:20px;
  margin-top:-20px;
  display: none;
}
.textareavalidate{
  display:none;
  margin-bottom:20px;
}
.erfolg,.falsch{
	padding: 20px 20px 20px 20px;
	color: #4CAF50;
	border: 3px solid #4CAF50;
	max-width:400px;
	margin: auto;
  margin-bottom: 30px;
}
.falsch{
  border: 3px solid red;
  color: red;
}
/*Designs */
.designAvatar{
  width:40px;
  float:left;
  margin-right:10px;
}
#search{
  width:20%;
  margin:0 auto;
  margin-top:30px;
  margin-right: 45%;
  margin-bottom: 20px;
  text-align: center;
}
.searchBox{
  padding-left: 200px;
}
#searchInfo{
  width:20%;
  padding-left: 200px;
  margin:0 auto;
  margin-bottom: 10px;
  display:none;
}
.searchicon{
  height:20px;
  margin-left:10px;
  margin-bottom:-2px;
}
.topDesigns{
	width:500px;
  margin:auto;
	padding-bottom:30px;
}
.filter{
  float:right;
  background-color: #272727;
  padding:10px;
  margin-right:10%;
  width:250px;
}
.filter>p,.filter>h5{
  width:250px;
}
.votes{
	color:white;
	margin-top: -20px;

	font-size:1.1em;
}
.votecount{
	color:#4CAF50;
	border-bottom: 1px solid #FFFFFF;
}
.topimg{
	border-bottom: 3px solid #4CAF50;
  width:660px;
  height: 150px;
}
.galery{
  width:660px;
}
.imgdescription{
  margin-right:0;
  width:220px;
  float:left;
}
.description{
  background-color: #202020;
  max-width:660px;
  }
.galeryimg{
  margin-top: 20px;
  max-width:  220px;
  min-width: 220px;
  min-height:100px;
  border-bottom:3px solid #4CAF50;
}
.comments{
  padding:20px 0px 20px 00px;
  margin-bottom: 20px;
  background-color: #202020;
  width:660px;
}
.comment,.firstcomment{
    padding: 10px;
    margin-bottom:5px;
    background-color: #272727;
    border-bottom:1px solid #4CAF50;
}
#commentinfo{
  display:none;
}
.firstcomment{
  border: 1px solid red;
  text-align: center;
}
.commentAvatar{
  width: 30px; float: right;
  margin-top:-5px;
}

.commentButton{
  max-width: 25px;
  background:transparent;
  margin-top: -22px;
  margin-right:90px;
  float:right;
}
.user{
  margin-top: -5px;
  margin-bottom: 10px;
  background-color: #272727;
  width: 100px;
  text-align: center;
  margin-left: 20px;
}
#options{
  display:none;
}
.back{
  float:left;
  margin-left:200px;
}
.arrow{
  width:40px;
}
/*Einreichen*/
#submit{
	width:600px;
	margin: 0 auto;
}
/*Login&&Profil*/
.login{
  width:90%;
}
#login{
	position: relative;
	float:left;
	max-width:200px;
	border:2px solid #4CAF50;
	margin: 0px 30px 0px 30px;
	padding:20px;
}
#wrong{
	display:none;
	color:red;
}
.profil{
	position: relative;
	float:left;
	max-width:250px;
	border:2px solid #4CAF50;
	margin: 0px 50px 0px 20px;
	padding:20px;
}
.profil>h3,.profil>h5,.profil>h2{
  max-width:250px;
}
#loginbutton{
	margin-top:10px;
  margin-bottom:10px;
}
.avatar{
	margin:10px 10px 10px 0px;
	float: left;
	border:2px solid #4CAF50;
	max-width:100px;
}
/*Account*/
#passwordChange,#emailChange{
  display:none;
}
#emailsubmit,#pwsubmit{
  background-color: grey;
}
.accountButton{

  padding:10px;
  float:right;
  font-size:20px;
  margin-right:200px;
  margin-top:-58px;
  font-size:0.9em;
}
/* Einreichen */
.submit{
  width: 700px;
  margin: auto;
  padding-left: 100px;
}
.typeselect{
  width:200px;
  text-align: center;
  padding:10px;
  outline:none;
  border:none;
  background-color: #272727;
}
.typeselect:focus{
  -webkit-appearance: none;
 -moz-appearance: none;
 appearance: none;
  border:1px solid #4CAF50;
}
option:focus,option{
  -webkit-appearance: none;
 -moz-appearance: none;
 appearance: none;
  border:none;
  outline:none;
  border:1px solid #4CAF50;
}
#einreichenSubmit{
  background-color: gray;
}
/* Profil */
.profilAvatar{
    float:right;
    width:150px;
    margin-top: 30px;
    margin-right:40%;
    border:3px solid #4CAF50;
}
#userSearch{
  text-align: center;
  margin: auto;
}
.notFound{
  width: 400px;
  padding:10px;
  margin: auto;
  margin-right:600px;
  margin-top: 20px;
  text-align: center;
  border:2px solid red;
}