html {
    width: 100%;
	height:1px;
    min-height: 100%;
	margin:0;
	padding:0; 
	background-image: url("../images/left_bg.png")!important;
	background-repeat: no-repeat;
	background-color: #f5f5f5 ;
	background-position: left bottom;
	background-attachment: fixed;
}
body {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    margin: 0;
    height: 100%;
    padding: 0;
    width: 100%;
	color:#2a2325;
	background:url('../images/right_bg.png') no-repeat right top;

}
a img {
    border: 0 none;
}
a {
	color:#2a2325;
	text-decoration:none;
}

a:hover{
	text-decoration:underline;
}

  input, textarea {
    outline:none;
   }
.clearfix:after {
    clear: both;
    content: "";
    display: table;
}
.clearfix {
}

.floatLeft {
    float: left;
}
.floatRight {
    float: right;
}
.mm-container{
	width:580px;
	min-height:300px;
	margin:0 auto;
	
	font-family: 'Open Sans', sans-serif;
	position:relative;
}
.shadow-right{
	width:580px;
	-webkit-box-shadow: 7px 0px 15px 0px rgba(50, 50, 50, 0.3);
-moz-box-shadow:    7px 0px 15px 0px rgba(50, 50, 50, 0.3);
box-shadow:         7px 0px 15px 0px rgba(50, 50, 50, 0.3);
}
.mm-container h2{
	color:#2a2325;
	font-size:28px;
	font-weight:600;
	text-align:center;
	padding:0 25px;
	margin:25px 0 25px;
}
.mm-container h3{
	color:#2a2325;
	font-size:22px;
	font-weight:400;
	text-align:center;
	padding:0 25px;
	margin:0;
}
.fields-container{
	width:80%;
	margin:35px auto;
}
.problems-container{
	width:80%;
	margin:35px auto;
}
#login, #login-login{
	font-size:28px;
	text-align:center;
	width:100%;
	background:#f9b200;
	border:0;
	margin:15px auto 5px 0;
	padding:22px 0;
	line-height:1;
	border-radius:50px;	
	font-weight:700;
	cursor:POINTER;
}
#problem{
	font-size:28px;
	text-align:center;
	width:100%;
	background:#27a82e;
	border:0;
	margin:25px auto 20px 0;
	padding:22px 0;
	line-height:1;
	border-radius:50px;	
	font-weight:700;
	cursor:POINTER;
}
#problem a {
	color:#2a2325;
	text-decoration:none;
}
#name, #pwd, #mobile, #email, #nickname, #pwd, #confirm-pwd, #confirm-field, #login-name, #login-pwd, #login-mobile{
	width:100%;
	margin:5px auto;
	text-align:center;
	color:#6f6f6f;
	font-size:28px;
	border:0;
	background:#e6e6e6;
	padding:22px 0;	
	border-radius:50px;	
}
.fields-container p, .register-fields-container p, .simple-fields-container p{
	font-size:17px;
	color:#5a5a5a;
	text-align:center;
	margin:5px 0;
}
.fields-container a{
	color:#5a5a5a;
	
}
.text{
	font-size:17px;
}
.telenorma{
	margin:55px 0 10px;	
	text-align:right;
	
}
.melden {
	margin:20px 0 0;
	text-align:center;
	padding-bottom:20px;
}
.melden h3{
	font-weight:700;
	text-align:center;
	padding:0;
	margin:10px 0;
}
.melden img{
	margin:0 5px;
}
#danger-styler{
	margin-right:15px;
}
#get_coords {
	margin:0;
	text-align:center;
}
#danger_text{
	display:none;
}
#register-div{
	background:rgba(255,255,255,1);
	position:absolute;
	top:0;
	margin:0 auto;
	z-index:100;
	padding-top:20px;
	display:none;
}
#choose-div{
	background:rgba(255,255,255,1);
	position:absolute;
	top:0;
	margin:0 auto;
	z-index:100;
	padding-top:30px;
	display:none;
}
#simple-page{
	background:rgba(255,255,255,1);
	position:absolute;
	top:0;
	margin:0 auto;
	z-index:100;
	padding-top:30px;
	display:none;
}
.confirm-fields-container, .confirm-email-container {
	margin:5px auto 0;
	width:80%;
	clear:both;
}
.register-fields-container {
	margin:70px auto 0;
	width:80%;
	clear:both;
}
 .simple-fields-container{
	margin:90px auto 0;
	width:80%;
 }
.close-btn{
	margin-right:48%;
	cursor:POINTER;
}
.register-fields-container p {
	margin:10px 0;
}

#register, #confirm-btn, #send-again-btn{
	font-size:28px;
	text-align:center;
	width:100%;
	background:#009ee0;
	border:0;
	margin:8px auto 20px 0;
	padding:22px 0;
	line-height:1;
	border-radius:50px;	
	font-weight:700;
	cursor:POINTER;
}
#send-again-btn{
	font-size:28px;
	text-align:center;
	width:100%;
	background:#E6E6E6;
	border:0;
	margin:8px auto 20px 0;
	padding:22px 0;
	line-height:1;
	border-radius:50px;	
	font-weight:700;
	cursor:POINTER;
}
#simple-register{
	font-size:28px;
	text-align:center;
	width:100%;
	background:#27a82e;
	border:0;
	margin:8px auto 20px 0;
	padding:22px 0;
	line-height:1;
	border-radius:50px;	
	font-weight:700;
	cursor:POINTER;
}
#reg_error{
	color:#ff0000;
}
#reg-form{
	display:inline;
}
.register-lnk { 	
	cursor:POINTER;
}
.register-lnk:hover, .simple-reg:hover { 
	text-decoration:underline;
}
.choose-text{
	margin-top:70px;	
	line-height:30px;
}
.choose-text a{
	font-size:18px;
	cursor:POINTER;
}
#reg-page{
	padding-top:30px;
}
#reg-page .register-fields-container{
	margin:0 auto;
}
#reg-page .register-fields-container p {
	margin:0;
}
#reg-page #reg-error{
	margin:15px 0;
}
#reg_mes{
	font-size:22px;
	margin:15px 0;
}
#login-div{
	display:none;
}
#problem-div{
	display:none;
}
#reg-btn{
	background:#009ee0;
	width:100%;		
	font-size:28px;
	text-align:center;
	border:0;
	margin:25px auto 20px 0;
	padding:22px 0;
	line-height:1;
	border-radius:50px;	
	font-weight:700;
	cursor:POINTER;
}
#guest{
	background:#E6E6E6;
	width:100%;		
	font-size:28px;
	text-align:center;
	border:0;
	margin:25px auto 20px 0;
	padding:22px 0;
	line-height:1;
	border-radius:50px;	
	font-weight:700;
	cursor:POINTER;
}
#reg-btn a{
	color:#2a2325;
	text-decoration:none;
}
#confirmation-code, #confirmation-email{	
	background:rgba(255,255,255,1);
	position:absolute;
	top:0;
	margin:0 auto;
	z-index:100;
	padding-top:30px;
	display:none;
	text-align:center;
	 font-size: 17px;
}
.confirm-text{
	padding:40px 40px 0;
	clear:both;
}
.errors {
	color: #ff0000;
    font-weight: bold;
    padding: 5px 0 0;
    position: absolute;
    text-align: center;
    width: 82%;
	display:none;
}
#mangel_logo{
	text-align:center;
	margin:25px 0;
}
.main-text{
	color:#2a2325;
	font-size:28px;
	font-weight:700;
	text-align:center;
	padding:0 40px;
}
#circle-problem{
	background: url("../images/problem.png") no-repeat scroll center center #ed1c24;
    border-radius: 157px;
    color: #2a2325;
    font-size: 39px;
    font-weight: 700;
    height: 200px;
    line-height: 1.2;
    padding: 114px 0 0;
    position: absolute;
    text-align: center;
    width: 314px;
	z-index:11;
	text-transform:uppercase;
}
#circle-ubersicht{
	background: url("../images/ubersicht.png") no-repeat scroll center center #f9b200;
    border-radius: 121px;
    color: #2a2325;
    float: right;
    font-size: 30px;
    font-weight: 400;
    height: 142px;
    line-height: 1.2;
    margin-right: 9%;
    margin-top: 42px;
    padding: 100px 0 0;
    /* position: absolute; */
    text-align: center;
    text-transform: uppercase;
    width: 242px;
    z-index: 11;
}
#circle-logout {
    background: url("../images/logout.png") no-repeat scroll center center #009ee0;
    border-radius: 121px;
    color: #2a2325;
    float: right;
    font-size: 30px;
    font-weight: 400;
    height: 142px;
    line-height: 1.2;
    margin-right: 7%;
    margin-top: 8px;
    padding: 100px 0 0;
    text-align: center;
    text-transform: uppercase;
    width: 242px;
    z-index: 11;
}
#circle-community{
	background: url("../images/community.png") no-repeat scroll center center #27a82e;
    border-radius: 121px;
    color: #2a2325;
    float: left;
    font-size: 30px;
    font-weight: 400;
    height: 142px;
    line-height: 1.2;
    margin-left: 8%;
    margin-top: 8px;
    padding: 100px 0 0;
    text-align: center;
    text-transform: uppercase;
    width: 242px;
    z-index: 11;
}
.bordered{
	/* border:1px solid #ccc; */
    padding: 0 0 15px;
}
.close-address {
	margin:0 0 10px 15px;
	display:none;
}
#address-div{
	margin:10px 0 0 15px;
	display:block;
}
.head{
	font-weight:bold;
	font-size:28px;
	text-align:center;
	width:100%;
	border:0;
	margin:35px auto 5px 0;
	line-height:1;
	font-weight:700;
}
.send-btn{
	font-weight:bold;
	font-size:28px;
	text-align:center;
	width:100%;
	background:#ed1c24;
	border:0;
	margin:35px auto 5px 0;
	padding:22px 0;
	line-height:1;
	border-radius:50px;	
	font-weight:700;
	cursor:POINTER;
	color:#2a2325;
	font-family:Open Sans;
}
#user_pos{
	font-weight:bold;
	font-size:28px;
	text-align:center;
	width:100%;
	background:#e6e6e6;
	border:0;
	margin:15px auto 5px 0;
	padding:22px 0;
	line-height:1;
	border-radius:50px;	
	font-weight:700;
	cursor:POINTER;
	color:#565656;
	font-family:Open Sans;
}
.was{
	margin:5px 0 0;
}
.was .head{
	margin:0;
}
.was table{
	margin:10px 0 0 15px;
}
.bordered input[type="text"]{
	width:357px !important;
}
#Ereignisart-styler, #Gemeinde-styler{
	width:377px !important;
}
#mitteilung{
	width:100%;
}
#send-problem{
	background: url("../images/problem.png") no-repeat scroll center center / cover #ed1c24;
    border-radius: 157px;
    color: #2a2325;
    font-size: 30px;
    font-weight: 700;
    height: 156px;
    line-height: 1.2;
    margin: 0 auto;
    padding: 75px 20px 0;
    text-align: center;
    text-transform: uppercase;
    width: 194px;
    z-index: 11;
}
#mark_sent{
	font-weight:bold;
	font-size:28px;
	text-align:center;
	width:100%;
	background:#27a82e;
	border:0;
	margin:15px auto 5px 0;
	padding:22px 0;
	line-height:1;
	border-radius:50px;	
	font-weight:700;
	cursor:POINTER;
	color:#2a2325;
	font-family:Open Sans;
	display:block;
}
#ubersicht_back{
	font-weight:bold;
	font-size:28px;
	text-align:center;
	width:100%;
	background:#E6E6E6;
	border:0;
	margin:15px auto 5px 0;
	padding:22px 0;
	line-height:1;
	border-radius:50px;	
	font-weight:700;
	cursor:POINTER;
	color:#2a2325;
	font-family:Open Sans;
	display:block;
}
#back{
	font-weight:bold;
	font-size:28px;
	text-align:center;
	width:100%;
	background:#E6E6E6;
	border:0;
	margin:15px auto 5px 0;
	padding:22px 0;
	line-height:1;
	border-radius:50px;	
	font-weight:700;
	cursor:POINTER;
	color:#565656;
	font-family:Open Sans;
	display:block;
}
.information{
	color:#ff0000;
}
#user_pos_denied{
	display:none;
	font-weight:bold;
	font-size:28px;
	text-align:center;
	width:100%;
	background:#ed1c24;
	border:0;
	margin:15px auto 5px 0;
	padding:22px 0;
	line-height:1;
	border-radius:50px;	
	font-weight:400;
	cursor:POINTER;
	color:#565656;
	font-family:Open Sans;
}
#krutilka{
	position: absolute;
    margin: -57px 0 0 43%;
}
.circles{
	float:left;
	margin-right:15px;
}
.list_text{
	float:left;
	font-size:20px;
	padding:5px 0 0;
	background-position:left center !important;
	background-repeat:no-repeat !important;
	min-height:40px;
	padding-left:50px;
	line-height:1.1;
}
.sep{
	clear:both;
	padding:10px 0;
}
.list_text small{
	font-size:11px;
}
@media only screen  and  (min-device-width : 360px)  and  (max-device-width : 640px) and (orientation: landscape)   {  
	html{ 
		width:640px!important;
		min-width:640px!important;
		max-width:640px!important;
		background-image:url("../images/left_bg_small.png")!important;
	}
	body{
		width:640px!important;
		min-width:640px!important;
		max-width:640px!important;
		background-image:url("../images/right_bg_small.png")!important;
 
	} 
	.mm-container {
		width: 492px!important;  
		height:auto;
		background-image:none;
		background-repeat:no-repeat!important; 
		background-position:left bottom;  
	}
	.mm-container.mainpage {
		width: 583px!important;    
	}
	.close-btn{
		margin-right:30px;
	}
	div#mangel_logo img {
	  width: 50%;
	}	
	.main-text {
	  color: #2a2325;
	  font-size: 20px;
	  font-weight: 700;
	  text-align: center;
	  padding: 0 40px;
	}	
		p#coords_text {
	  text-align: center;
	  padding-right: 10px;
	}
}
@media only screen  and  (min-device-width : 360px)  and  (max-device-width : 640px) and (orientation: portrait)   {  
	html{ 
		width:360px!important;
		background-image:url("../images/reft_bg_small.png")!important;
	}
	body{
		background-image: url("../images/right_bg_small.png")!important;
		background-repeat: no-repeat!important;
		background-color: transparent!important;
		background-position: right top;
		min-width: 360px!important;
	}
	html{
		min-width: 360px!important;
		background-image: url("../images/left_bg_small.png")!important;
		background-repeat: no-repeat;
		background-position: left bottom;
		background-attachment: fixed;
	}
	.mm-container {
		width: 360px!important;  
		height:auto;
		background-image:none!important;
		background-repeat:no-repeat!important; 
		background-position:left bottom;  
	}
	#mangel_logo img {
		width: 67%!important;
	}	
	#circle-problem { 
		font-size: 24px!important;
		height: 118px!important;
		width: 195px!important;
		padding: 79px 0 0!important;
		margin-left: 5px!important;
		background-size: cover!important;
		background: #ed1c24 url(../images/problem_small.png) no-repeat center center!important;
	}
	#circle-ubersicht {   
		font-size: 18px!important;
		height: 82px!important;
		width: 160px!important;
		margin-right: 3%!important;
		margin-top: 22px!important;
		padding: 77px 0 0!important; 
		background-size: cover!important;
		background: #f9b200 url(../images/ubersicht_small.png) no-repeat center center!important;
	}	
	#circle-community {   
		font-size: 19px!important;
		height: 85px!important;
		width: 159px!important;
		margin-top: 183px!important;
		padding: 71px 0 0!important;
		margin-left: 8%;
		background-size: cover!important;
		background: #27A82E url(../images/community_small.png) no-repeat center center!important;
	}
	#circle-logout {   
		font-size: 19px!important;
		height: 84px!important;
		width: 154px!important;
		margin-top: -152px!important;
		padding: 68px 0 0!important;
		margin-left: 7%;
		background-size: cover!important;
		background: #009EE0 url(../images/logout_small.png) no-repeat center center!important;
	}	
	.telenorma {
		margin: 17px 5px 10px 0;
		text-align: right;
	}
.list_container {
  margin-left: -35px;
  width: 227px;
}	
	.list_text { 
		font-size: 13px!important; 
	}
	#ubersicht_back{
		font-size: 20px;
		padding:13px 0;	
	}
	.main-text {
		font-size: 15px!important; 
	}
	.problems-container {
		width: 100%!important; 
		margin: 35px auto 5px!important; 
		padding-bottom: 25px!important; 
	}	
	.problems-container #ubersicht_back {
		font-size: 28px;
		padding: 22px 0;
	}
	#address-div table{
	position:relative;
	}
	#melden-form {
	max-width: 360px!important;
	overflow: hidden;
	}
	#melden-form  #street{
		width: 206px !important;
		float: right;
		margin-right: 20px;
	}
	#melden-form #user_pos {
		max-width: 320px!important; 
		float: left;
		font-size: 20px;
		padding: 13px 0;
	}
	#melden-form .send-btn {
		max-width: 320px!important; 
		float: left;
		font-size: 20px;
		padding: 13px 0;
	}
	#melden-form #ubersicht_back {
		max-width: 320px!important; 
		float: left;
		font-size: 20px;
		padding: 13px 0;
	}
	#melden-form #mitteilung {
		width: 297px;
	}
	#melden-form  #category-styler {
	padding-right: 23px;
	}
	#melden-form  #category-styler .jq-selectbox__dropdown {
		margin-left:-102px; 
	}
	#melden-form .jq-selectbox__select-text {
		display: block;
		width: 169px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	} 
	#melden-form #mark_sent {
		font-size:20px!important;
		padding:15px 0!important;
		max-width:280px;
		margin: 0 45px;
	}	
	#melden-form #back {
		font-size:20px!important;
		padding:15px 0!important;
		max-width:280px;
		margin: 0 45px;
	}	
		p#coords_text {
	  text-align: center;
	  padding-right: 10px;
	}
}


@media only screen  and  (min-device-width : 320px)  and  (max-device-width : 568px) and (orientation: landscape)   {  
	html{

		width:568px;
		background-image:url("../images/left_bg_small.png")!important;
	}
	body{
		width:568px;
		background-image:url("../images/right_bg_small.png")!important;
		background-repeat:no-repeat!important;
		background-color:transparent!important;
		background-position:right top; 
	}

	.mm-container {
		width: 520px!important;   
		height:auto;
		background:none;  
	}
		p#coords_text {
	  text-align: center;
	  padding-right: 10px;
	}
}

@media only screen  and  (min-device-width : 320px)  and  (max-device-width : 568px) and (orientation: portrait)   { 

	html{

		width:320px; 
		background-image:url("../images/left_bg_small.png")!important;
	}
	body{
		background-image:url("../images/right_bg_small.png")!important;
		background-repeat:no-repeat!important;
		#background-color:#f5f5f5!important;
		background-position:right top; 
	}
	body {
		width: 320px;  
		min-height:100%; 
	}
	.mm-container {
		width: 320px;   
		height:auto;
		margin: 0 auto 0 0;
		background-image:none;
		background-repeat:no-repeat!important; 
		background-position:left bottom;  
	}
	.top-logo {
		width:80%;
		margin-right:8px;
		float:right;
	}
	.mm-container h2	{
		font-size:18px;
		margin: 10px 0 12px;
	}
	.mm-container h3	{
		font-size:15px;
	}

	#login, #login-login {
		font-size: 20px;  
		margin: 15px auto 5px 0;
		padding: 13px 0; 
	}	
	#problem{
		font-size: 20px;   
		padding: 13px 0; 
	}
	#reg-btn{
		font-size: 20px;   
		padding: 13px 0;
		margin-top:28px;		
	}	
	#name, #pwd, #mobile, #email, #nickname, #pwd, #confirm-pwd, #confirm-field, #login-name, #login-pwd, #login-mobile{
		font-size: 20px; 
		padding: 11px 0; 
	
	}
	#guest{
		font-size: 20px; 
		padding: 11px 0; 
	
	}
	#register, #confirm-btn{
		font-size: 20px;
		padding:13px 0;
	}
	
	#simple-register{
		font-size: 20px;
		padding:13px 0;
	}
	.fields-container p, .register-fields-container p, .simple-fields-container p{
		font-size: 10px;
	}
	.close-btn {
		margin-right: 15px;
		cursor: POINTER;
		width: 40px;
	}	
	/********************* main */
	#mangel_logo img {
	width: 71%!important;
	}
	#mangel_logo {
	text-align: center;
	margin: 15px 0;
	}	
	.main-text{
		font-size:17px;
	}
	#circle-problem { 
		font-size: 24px!important;
		height: 110px!important;
		width:179px!important;
		padding: 67px 0 0!important;
		margin-left:5px!important;
		background-size: cover!important;
		background: #ed1c24 url(../images/problem_small.png) no-repeat center center!important;
	}
	#circle-ubersicht {   
		font-size: 18px!important; 
		height: 82px!important;
		width:145px!important;
		margin-right: 3%!important;
		margin-top: 15px!important;
		padding: 68px 0 0!important; 
		background-size: cover!important;
		background: #f9b200 url(../images/ubersicht_small.png) no-repeat center center!important;
	}	
	#circle-community {   
/* 		font-size: 19px!important;
		height: 85px!important;
		width: 162px!important;
		margin-top: 183px!important;
		padding: 71px 0 0!important;
		margin-left: 7%; */
		font-size: 19px!important;
		height: 78px!important;
		width: 146px!important;
		margin-top: 169px!important;
		padding: 64px 0 0!important;
		margin-left: 5%;		
		background-size: cover!important;
		background: #27A82E url(../images/community_small.png) no-repeat center center!important;
	}
	#circle-logout {   
/* 		font-size: 18px!important;
		height: 88px!important;
		width: 157px!important;
		margin-top: 3px!important;
		padding: 68px 0 0!important;
		margin-right: 12px!important; */
		font-size: 18px!important;
		height: 78px!important;
		width: 142px!important;
		margin-top: 3px!important;
		padding: 64px 0 0!important;
		margin-right: 12px!important;	
		background-size: cover!important;
		background: #009EE0 url(../images/logout_small.png) no-repeat center center!important;	
	}	
	.problems-container{
		width: 270px!important;
		margin: 15px auto!important
	}
	#melden-form #address-div {
		margin: 10px 0 0 -5px;
		display: block;
	}
	#melden-form {
	max-width: 360px!important;
	overflow: hidden;
	}
	#melden-form  #region-styler{
	max-width: 210px!important; 
	}
	#melden-form  #street{
		width: 191px !important;
		float: right;
		margin-right: 20px;
	}
	#melden-form #user_pos {
		max-width: 291px!important; 
		float: left;
		font-size: 20px;
		padding: 13px 0;
	}
	#melden-form .was {
		margin:5px 0 0 -20px!important;
	}
	#melden-form .send-btn {
		max-width: 290px!important; 
		float: left;
		font-size: 20px;
		padding: 13px 0;
	}
	#melden-form #ubersicht_back {
		max-width: 290px!important; 
		float: left;
		font-size: 20px;
		padding: 13px 0;
	}
	#melden-form #mitteilung {
		width: 273px;
	}
	#melden-form  #category-styler {
	padding-right: 23px;
	width:219px!important;
	}
	#melden-form  #category-styler .jq-selectbox__dropdown {
		margin-left:-102px; 
	}
	#melden-form .jq-selectbox__select-text {
		display: block;
		width: 169px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	} 
	#melden-form #mark_sent {
		font-size:20px!important;
		padding:15px 0!important;
		max-width:280px;
		margin: 0 45px;
	}	
	#melden-form #back {
		font-size:20px!important;
		padding:15px 0!important;
		max-width:280px;
		margin: 0 45px;
	}	
	p#coords_text {
	  text-align: center;
	  padding-right: 10px;
	}
}