

.mod_login.anmeldung form input[type="submit"] {
	background: rgb(254,193,81);
	background: -moz-linear-gradient(top,  rgba(254,231,154,1) 0%, rgba(254,193,81,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(254,231,154,1) 0%,rgba(254,193,81,1) 100%);
	background: -o-linear-gradient(top,  rgba(254,231,154,1) 0%,rgba(254,193,81,1) 100%);
	background: -ms-linear-gradient(top,  rgba(254,231,154,1) 0%,rgba(254,193,81,1) 100%);
	background: linear-gradient(top,  rgba(254,231,154,1) 0%,rgba(254,193,81,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fee79a', endColorstr='#fec151',GradientType=0 );
}


.mod_login.anmeldung form input[type="submit"]:hover {
	background: rgb(254,193,81);
	background: -moz-linear-gradient(top,  rgba(254,193,81,1) 0%, rgba(254,231,154,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(254,193,81,1) 0%,rgba(254,231,154,1) 100%);
	background: -o-linear-gradient(top,  rgba(254,193,81,1) 0%,rgba(254,231,154,1) 100%);
	background: -ms-linear-gradient(top,  rgba(254,193,81,1) 0%,rgba(254,231,154,1) 100%);
	background: linear-gradient(top,  rgba(254,193,81,1) 0%,rgba(254,231,154,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fec151', endColorstr='#fee79a',GradientType=0 );
}




.mod_login.anmeldung form div a {
	color: #004a80;
	float: right;
	font-size: 12px;
	margin: 30px 15px 0 0;
	text-decoration: underline;
}


.mod_login.anmeldung {
    border: 1px solid #C8C8C8;
 background: rgba(0, 0, 0, 0) -moz-linear-gradient(center top , rgba(248, 248, 248, 1) 0%, rgba(249, 249, 249, 1) 100%) repeat scroll 0 0;
  border: 1px solid #c4c6ca;
  box-shadow: 0 1px 0 #fff inset;
  margin: 200px auto;
  padding: 25px 0 0;
  position: relative;
  text-align: center;
  text-shadow: 0 1px 0 #fff;
  width: 530px;
}


.mod_login.anmeldung form input[type="submit"] {
  background: rgba(0, 0, 0, 0) -moz-linear-gradient(center top , rgba(254, 231, 154, 1) 0%, rgba(254, 193, 81, 1) 100%) repeat scroll 0 0 !important;
  border: 1px solid #d69e31;
  border-radius: 30px;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
  color: #85592e;
  cursor: pointer;
  float: left;
  font: bold 15px Helvetica,Arial,sans-serif;
  height: 35px;
  margin: 20px 0 35px 15px;
  position: relative;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  width: 120px;
}


#username, #ctrl_username {
  background: #eae7e7 url("/../../../system/modules/website-creator/assets/icon/group.png") no-repeat scroll 0 0;
}

#password {
  background: #eae7e7 url("/../../../system/modules/website-creator/assets/icon/key.png") no-repeat scroll 0 0;
}


#username #ctrl_username, #ctrl_email {
  background-position: 15px 15px !important;
  width: 300px;
}

.mod_login.anmeldung form input[type="text"], .mod_login.anmeldung form input[type="password"], .mod_lostPassword.lost_pwd form input[type="text"], .mod_lostPassword.lost_pwd form input[type="password"] {
  border: 1px solid #c8c8c8;
  border-radius: 3px;
  box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0, 0, 0, 0.08) inset;
  color: #777;
  font: 13px Helvetica,Arial,sans-serif;
  margin: 0 0 10px;
  padding: 15px 10px 15px 40px;
  transition: all 0.5s ease 0s;
  width: 80%;
}

#username, #password, #ctrl_username, #ctrl_email, #ctrl_lost_password {
  background-position: 15px 15px !important;
  width: 300px;
}

.mod_login.anmeldung form, .mod_lostPassword.lost_pwd form {
  margin: 0 20px;
  position: relative;
}


.myLogo {
    width: 150px;
    margin:20px;
    float:left;
}

.logoHeadline {
    font-weight:bold;
    font-size:40px;
    color:#CC0000;
    margin-top:10px;
    
}

.logoSubheadline {
    font-style:italic;
    font-size:20px;
}


/*Fotolia-Bilder*/
/*Transparenter Aktionsbalken*/
.actionbutton {
    border: 0 none;
    font-size: 100%;
    margin: 0;
    outline: 0 none;
    padding: 0;
    vertical-align: baseline;
    width:100%;
    height:20px;
    position:absolute;
    bottom:0;
    
    
    background-color: #000;
    color: #000;
    filter:alpha(opacity=70); /* IE */
    opacity:0.85; /* allgemein */
    -moz-opacity:0.85; /* Mozilla */
    -khtml-opacity:0.85; /* KTHML */
    -opera-opacity:0.85; /* Opera */
    font-family: Verdana, sans-serif;
   
}


.speedy-logo {
    margin:20px;
    height:200px;
    width:200px;
    position:absolute;    
}

.myPictureView{
    background-repeat:no-repeat; 
    background-position:center center;
    background-size:cover;
    cursor:pointer;
    display:inline;
    margin:10px;
    float:left;
    height:150px; 
    width:150px;
    position:relative;    
    border-radius:5px;
    border:1px solid rgb(228,228,229);
}

.myPictureViewa:hover{
    box-shadow: 5px 5px 10px #888888;
}

.myPictureView .myPictureView-inner{
    background-color:#efefef;
    opacity:0.8;
    bottom:0;
    position:absolute;
    width:100%;
    border-radius:0 0 5px 5px;
}
/*
.counter-select {
    width:200px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}


.counter-select:hover {
  box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1);
}
*/


/*Fotolia-Datenbank*/

.myPictureView:hover {
    box-shadow: 2px 2px 15px #888;
}


.speedyArea {
    position:absolute;
    margin-left:250px;
    margin-top:15px;
}

.speedy.topheadline {
    font-size:32px;
    font-weight:bold;
    color:#CC0000;
    
}



.speedy.subheadline {
    font-size:20px;
    font-weight:bold;
    color:#000;
    font-style:italic;
    
}   



.startbuttons {
    text-align:center;
    font-weight:bold;
    color:#6ea5cd;
    cursor: pointer;
}
