.anmeld-form input[type=text], 
.anmeld-form input[type=date],
.anmeld-form input[type=datetime],
.anmeld-form input[type=number],
.anmeld-form input[type=search],
.anmeld-form input[type=time],
.anmeld-form input[type=url],
.anmeld-form input[type=email],
textarea, 
{
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border:1px solid #BEBEBE;
    padding: 7px;
    margin-top:3px;
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
    outline: none;  
    width: 448px;
}

#type {
	width: 170px;
	float:left;
	margin-left: 8px;
	margin-right: 27px;
}

#afdeling{
    width: 250px;
    float:left;
}

#afdeling1{
    width: 250px;
    float:left;
}

.anmeld-form input[type=text]:focus, 
.anmeld-form input[type=date]:focus,
.anmeld-form input[type=datetime]:focus,
.anmeld-form input[type=number]:focus,
.anmeld-form input[type=search]:focus,
.anmeld-form input[type=time]:focus,
.anmeld-form input[type=url]:focus,
.anmeld-form input[type=email]:focus,
.anmeld-form textarea:focus, 
.anmeld-form select:focus{
    -moz-box-shadow: 0 0 8px #88D5E9;
    -webkit-box-shadow: 0 0 8px #88D5E9;
    box-shadow: 0 0 8px #88D5E9;
    border: 1px solid #88D5E9;
}
.anmeld-form .field-divided{
    width: 49%;
}

.anmeld-form .field-long{
    width: 100%;
}
.anmeld-form .field-select{
    width: 100%;
}
.anmeld-form .field-textarea{
    height: 300px;
}
.anmeld-form input[type=submit], .anmeld-form input[type=button]{
    background: #4B99AD;
    padding: 8px 15px 8px 15px;
    border: none;
    color: #fff;
}
.anmeld-form input[type=submit]:hover, .anmeld-form input[type=button]:hover{
    background: #4691A4;
    box-shadow:none;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
}
.anmeld-form .required{
    color:red;
}

.cont {
  width: 100%;
  margin-top:-10px;  
  max-width: 350px;
  color: #caca53;
  overflow: hidden;
}

div.stars {
  margin-bottom:-10px;  
}

input.star { display: none; }

label.star {
  float: right;
  padding-left: 8px;
  font-size: 42px;
  color: #cccccc;
  transition: all .2s;
}

input.star:checked ~ label.star:before {
  content: '\f005';
  color: #efc741;
  transition: all .25s;
}

input.stara { display: none; }

label.stara {
  float: right;
  padding-left: 8px;
  font-size: 42px;
  color: #cccccc;
  transition: all .2s;
}

input.stara:checked ~ label.stara:before {
  content: '\f005';
  color: #efc741;
  transition: all .25s;
}

input.star-5:checked ~ label.star:before {
  color: #efc942;
}

input.star-1:checked ~ label.star:before { color: #F62; }

label.star:hover { transform: rotate(-5deg) scale(1.3); }

label.star:before {
  content: '\f006';
  font-family: FontAwesome;
}

input.star1 { display: none; 
}

label.star1 {
  float: right;
  padding-left: 8px;
  font-size: 42px;
  color: #cccccc;
  transition: all .2s;
}

input.star1:checked ~ label.star1:before {
  content: '\f005';
  color: #efc942;
  transition: all .25s;
}

input.star1-5:checked ~ label.star1:before {
  color: #efc942;
}

input.star1-1:checked ~ label.star1:before { color: #F62; }

label.star1:hover { transform: rotate(-5deg) scale(1.3); }

label.star1:before {
  content: '\f006';
  font-family: FontAwesome;
}

#error {
	color: red;
}

#imagePreview {
    width: 100px;
    height: 100px;
    background-position: center center;
    background-size: cover;
    -webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, .3);
    display: inline-block;
    border: #FFF 1px solid;
    border-radius: 25px;    
    padding: 20px; 
    float:right;
    margin-bottom: 10px;
}

#uploadFile {
	visibility: visible;
	width: 250px;
	background: none;
	color: #FFF;
	border: 0px;
	margin-left: 0px;
	padding-left: 0px;
	float: left;
}

.modalDialog {
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background: rgba(0,0,0,0.8);
		z-index: 99999;
		opacity:0;
		-webkit-transition: opacity 400ms ease-in;
		-moz-transition: opacity 400ms ease-in;
		transition: opacity 400ms ease-in;
		pointer-events: none;
		color: #000;
	}

	.modalDialog:target {
		opacity:1;
		pointer-events: auto;
	}

	.modalDialog > div {
		width: 400px;
		position: relative;
		margin: 10% auto;
		padding: 5px 20px 13px 20px;
		border-radius: 10px;
		background: #fff;
		background: -moz-linear-gradient(#fff, #999);
		background: -webkit-linear-gradient(#fff, #999);
		background: -o-linear-gradient(#fff, #999);
	}

	.close {
		background: #606061;
		color: #FFFFFF;
		line-height: 25px;
		position: absolute;
		right: -12px;
		text-align: center;
		top: -10px;
		width: 24px;
		text-decoration: none;
		font-weight: bold;
		-webkit-border-radius: 12px;
		-moz-border-radius: 12px;
		border-radius: 12px;
		-moz-box-shadow: 1px 1px 3px #000;
		-webkit-box-shadow: 1px 1px 3px #000;
		box-shadow: 1px 1px 3px #000;
	}

	.close:hover { background: #000000; }