/*
 * Fonts
 */

@font-face {
	font-family: "HelveticaLT";
	src: url("https://www.rro.ch/cms/content/uesgang/fonts/HelveticaLTStd-Bold.otf") format("opentype");
}

@font-face {
	font-family: "HelveticaLT";
	font-weight: bold;
	src: url("https://www.rro.ch/cms/content/uesgang/fonts/HelveticaLTStd-BoldCond.otf") format("opentype");
}

h3 {
	font-family: "Helvetica";
    font-size: 1.8em;
    color: #6A6968;
    font-weight: normal;
    margin-top:30px;
}

*,
*:before,
*:after {
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
}

/*
 * Media stuff
 */

@media screen and (max-width: 655px) {
	#uesgang_container nav {
		position: fixed;
		top: 0;
		z-index: 9999;
		background-color: white;
		padding-top: 5px;
		padding-left: 20px;
	}


	div#uesgang-content {
		margin-top: 5px;
		padding-left:0 !important;
	}

	#uesgang-content .event-detail-big {
		position:relative;
		display:none;
	    width: 300px;
	    border: none;
	    min-height: 0px;
	    margin-top: 0;
	    overflow: auto;
	    max-height:none;
	    z-index: 3;
	    border: 3px solid #F3F3F3;
	    background-color: white;
	    font-family: "HelveticaLT", Helvetica;
	}

	.image-container {
	    display: none;
	}

	.event-detail-big .event-details-main {
		padding:0 !important;
		float:left;
		width:300px;
		background-color: #E73B68;
		color:white;
		padding: 10px 20px;
		margin-top:0;
		min-height:80px;
	}

	div.detailsTitle {
		font-size: 18px;
		float:left;
		width:290px;
		line-height: 20px;
		padding:5px;
	}

	.controls {
		display:none;
	}

	.event-details-main .detailsDate {
		float:none;
		width:auto;
		margin-top:5px;
		margin-left:5px;
		font-size: 12px;
	}

	.event-details-main .detailsTimes {
		margin:5px;
		font-size: 12px;
	}

	.event-detail-big .event-details-sub {
		font-size: 11px;
		width:294px;
		border-left: 3px solid #F3F3F3;
    	border-right: 3px solid #F3F3F3;
		margin-bottom: 0;
	}

	.event-detail-big > .event-details-sub > div {
		width:50%;
		padding:5px;
		padding-bottom:0;
	}
	.event-detail-big .detailsDesc {
	    width: 284px;
	    padding: 5px;
	    border-left: 3px solid #F3F3F3;
    	border-right: 3px solid #F3F3F3;
	}

	.mobile-controls {
	    font-size: 14px;
	    clear: both;
	    text-align: center;
	    padding-top: 10px;
	    padding-bottom: 10px;
	    border-left: 3px solid #F3F3F3;
	    border-right: 3px solid #F3F3F3;
	    border-bottom: 3px solid #F3F3F3;
	    border-top: 1px solid #F3F3F3;
	}

	#searchContainer {
		float:left !important;
		margin-left:2px;
		margin-top: -4px !important;
	}

	.advanced-search {
		width:100% !important;
	}

	.advanced-search > .as-content input {
		width:45%;
		margin-bottom: 20px;
	}

	.advanced-search > .as-content select {
		width:40%;
	}

	input[name="search"] {
		width: 87%;
		padding: 4px;
		font-size:13.3333px;
		border-bottom: 1px solid #F39;
	}

	.expandDesc {
		position: absolute;
		bottom: 40px;
		left: 137px;
	}

	#uesgang-content > div,
	#uesgang-content > h3,
	#uesgang-content > p {
		float:none;
		margin:10px auto 0px auto;
		max-width:300px;
	}

	input#search {
		display:none;
	}
}

@media all and (min-width: 955px) {
	.expandDesc {
	    margin-left: 600px;
	    margin-right: auto;
	    bottom: 0;
	    position: absolute;
	}
}
@media screen and (min-aspect-ratio: 14/9) {
	.expandDesc {
	    margin-left: 600px;
	    margin-right: auto;
	    bottom: 0;
	    position: absolute;
	}
}

@media screen and (max-width: 955px) {
	#nav-item-8 {
		padding: 0px 5px;
	}

	#nav-item-9 {
		width:26px;
		border-right: 1px solid gray;
		margin-left: 5px;
		padding-right: 5px;
	}
}

@media (max-width: 360px) and (min-width: 320px) {
	a#nav-item-0, a#nav-item-7 {
	    width: 21px;
	    padding: 0px 10px;
	}

	nav li.nav a {
		padding: 3px 5px 3px 5px;
	}

	a#nav-item-1, a#nav-item-2 {
	    padding: 3px 5px;
	}
}

@media all and (max-width: 955px) and (min-width: 655px) {
	#uesgang_container nav {
		position: fixed;
		max-width: 955px;
		top: 0;
		left: 0;
		z-index: 9999;
		background-color: white;
		padding-top: 5px;
		padding-left: 20px;
		width: calc(100% - 20px);
	}

	div#rubrik_sponsor {
		margin-left: 10px!important;
	}

	#rubrik_sponsor > div {
		float: right;
	}

	div#uesgang_container div#uesgang-content {
		margin-top: 10px;
		margin-left:10px;
		padding-left:0;
		width:auto;
	}

.event-detail-big {
	overflow: hidden;
	display:none;
	position: absolute;
    z-index: 3;
    width: 612px;
    border: 3px solid #F3F3F3;
    min-height: 277px;
    background-color: white;
    font-family: "HelveticaLT", Helvetica;
    max-height: 327px;
}

.image-container {
	width:300px;
	float:left;
	margin-top:-3px;
	margin-left:-3px;
}

.image-container .event-box-image {
	position:relative;
	width:100%;
	height:327px;
}

.event-details-main {
	float:left;
	width:295px;
	background-color: #E73B68;
	color:white;
	padding: 10px 10px;
	margin-top:-3px;
	min-height:80px
}

.detailsTitle {
	font-size: 18px;
	float:left;
	margin-top:2px;
	width:275px;
	line-height: 34px;
}

div.detailsTitle {
		font-size: 18px;
		float:left;
		width:290px;
		line-height: 20px;
		padding:5px;
	}

	.controls {
		display:none;
	}

	.event-details-main .detailsDate {
		float:none;
		width:auto;
		margin-top:5px;
		margin-left:5px;
		font-size: 12px;
	}

	.event-details-main .detailsTimes {
		margin:5px;
		font-size: 12px;
	}

	.event-detail-big .event-details-sub {
		font-size: 11px;
		width:309px;
		border-left: 3px solid #F3F3F3;
		margin-bottom: 0;
	}

	.event-detail-big > .event-details-sub > div {
		width:50%;
		padding:5px;
		padding-bottom:0;
	}
	.event-detail-big .detailsDesc {
	    width: 299px;
    	max-height:75px;
	    padding: 5px;
	    border-left: 3px solid #F3F3F3;
	}

	.mobile-controls {
		display:none;
	}

	.expandDesc {
		position: absolute;
		bottom: 0px;
		left: 437px;
	}

	#searchContainer {
		float:left !important;
		margin-left:2px;
		margin-top: -4px !important;
	}

	#uesgang-content > div,
	#uesgang-content > h3,
	#uesgang-content > p {

	}
}

/*
 * General stuff
 */
p {
	font-family: Verdana,Arial,Helvetica;
    font-weight: normal;
    font-size: 11px;
}

div#uesgang-content {
    width: 100%;
    max-width:955px;
    padding-left:20px;
}

div#content {
    padding:7px 0px 0px 0px;
}

div#content-container {
    width: 100% !important;
}

#content a:link {
	text-decoration:none; color:#3f3f3f;
}
#content a:visited {
	text-decoration:none; color:#3f3f3f;
}

#cal_container{
	display:none;
	left:0px;
	top:78px;
	position:fixed;
	width:100%;
	max-width:950px;
	box-shadow:-5px 2px 5px -1px rgba(0,0,0,0.75);
	z-index:99;
	background-color:white;
	padding-bottom:10px;
	padding-top:15px;
	padding-left:10px;
}

#searchContainer {
	margin-top: -4px;
}

/*
 * Event boxes
 */

.row-container {
	margin-bottom: 20px;
}


.event-box-small {
	position:relative;
	height:91px;
	width:296px;
	margin: 3px 10px 14px 0px;
	float:left;
	border: #F3F3F3 solid 3px;
	font-family: "HelveticaLT",Helvetica;
}

.event-box-small .event-details div {
	position: absolute;
	text-align: left;
	background:none;
	color:black;
	padding-left:10px;
	width:96%;
}


.event-box-medium {
	position:relative;
	height:327px;
	width:300px;
	margin: 0px 12px 10px 0px;
	float:left;
	cursor: pointer;
	font-family: Helvetica;
}

.event-box-medium .event-details div {
	width:96.7%;
	padding-left:10px;
}


.event-box-big {
	position:relative;
	height:327px;
	width:955px;
	margin-top:20px;
	margin-right:20px;
	font-family: "HelveticaLT",Helvetica;
}

.face {
	position: absolute;
    width: 100%;
    height: 100%;
}

.event-box-image {
	position:relative;
	overflow:hidden;
	width:100%;
	height:327px;
}

.event-box-image img {
	position: absolute;
	height: 100%;
	width: auto;
	/*min-width:300px;*/
	min-height:280px;
	left:50%;
	top:50%;
	-webkit-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%);
}

.rubrik {
	position: absolute;
	top: 0;
	left: 0;
	z-index:2;
	background-color: #F36;
	color:white;
	padding: 1px 4px;
	font-family: "HelveticaLT", Helvetica;
	font-size:14px;
}

.event-detail-big .rubrik {
	top: -3px;
	left: -3px;
}

.detailsSubContent {
	overflow: hidden;
}
.detailsSubContent p {
    margin: 0px;
    font-family: Helvetica;
}

.front .rubrik {
}

.event-box-small .rubrik {
	margin-left:-3px; /* to compensate for the outline*/
	margin-top:-3px;
}

.event-details div {
	position: absolute;
	width:100%;
	color: black;
	font-family: Helvetica;
	background: rgb(0, 0, 0);
	background: rgba(255, 255, 255, 0.8);
}

.event-details .title {
	height: 40px;
	bottom:42px;
	border-bottom: 1px solid #B6B6B6;
	text-overflow:ellipsis;
	overflow:hidden;
	font-family: "HelveticaLT", Helvetica;
    font-size: 20px;
    font-weight: bold;
    padding: 5px 0;
}

.event-box-small .title {
	text-overflow:inherit;
	font-size:16px;
    border: none;
    bottom:32px;
    padding: 0px;
}

.detailsTime {
	bottom:16px;
	font-size:14px;
	padding-top:10px;
}
.event-box-medium .detailsTime {
	bottom:21px;
	padding-top:5px;
}
.event-box-small .detailsTime {
	bottom:17px;
	padding-top:5px;
	font-size:12px;
}

.detailsPlace {
	bottom:0px;
	font-size:14px;
}
.event-box-medium .detailsPlace {
	height:21px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.event-box-small .detailsPlace {
	height:19px;
	font-size:12px;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.clear {
	clear: both;
}

.detail-row {
	width:100%;
}

.detail-box {
	width:300px;
	height:auto;
	border:1px solid black;
	border-top:none;
	position: relative;
	display: none;
}

.detail-box.second {
	left: 322px;
}

.detail-box.third {
	left: 644px;
}

/*
 * Erweiterte Suche
 */
.advanced-search {
	left:0px;
	top:78px;
	position:fixed;
	width:100%;
	max-width:950px;
	z-index:99;
	background-color:white;
	padding-bottom:10px;
	padding-top:15px;
	background-color: #FFF;
	text-align: left;
	box-shadow: 2px 2px 5px -5px rgba(0,0,0,0.75); , 0 1px 2px rgba(0,0,0,0.24);
	-moz-box-shadow: 2px 2px 5px -5px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
	-webkit-box-shadow: 2px 2px 5px -5px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
	display:none;
}
.as-title, .as-controls, .as-content {
	padding: 5px;
}
.as-title {
	width:300px;
	float:left;
}
.as-controls {
	float:right;
}
.as-content input {
	width: 45%;
    height: 17px;
    border: none;
    border-bottom: 1px solid #F39;
    padding: 4px 4px;
    margin-bottom: 20px;
}
.as-content select {
	width:45%;
	border:none;
	border-bottom: 1px solid #F39;
	color: #A9A9A9;
	padding: 4px 0px;
}
.as-content div {
    font-family: Helvetica;
    font-weight: normal;
    color: #3F3F3F;
}

.as-buttons {
	display:none;
	float:right;
	margin: 10px 5px;
}
.as-buttons input {
	margin-right:25px;
	color:#9B9B9B;
	padding: 5px 25px;
	border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0px 1px 2px #9B9B9B;
}
.as-content input:focus, .as-content select:focus {
	outline:none;
}

.as-content input[type=date] {
	color:#9B9B9B;
	font-family:Arial;
}

.dateField {
	-webkit-appearance: textfield;
  -moz-appearance: textfield;
	height:17px;
	width:45%;
	color:rgb(63, 63, 63);
	font-family:Arial;
	border:none;
	border-bottom:1px solid #F39;
	background-color:white;
}

.labelForDateFrom {
	float: left;
	width: 45%;
	margin: 0;
	margin-bottom: 5px;
	margin-left: 4px;
}
.labelForDateTo {
	float: left;
	width: 45%;
	margin-bottom: 5px;
	color: #CCC;
}
.datum_bis {
	border: none;
	background: none;
}

.detail-box p {
	margin-top:0px;
	padding-top:10px;
	padding-left:3px;
}


/*
 * Navigationselemente
 */
.arrow.left, .arrow.right, .arrow.down {
	background:transparent url('http://www.rro.ch/cms/content/uesgang/images/icon-arrow-grey.png') center center no-repeat;
	height:26px;
	width:26px;
	padding: 0px;
}

.arrow.left {
	-ms-transform: rotate(180deg); /* IE 9 */
	-webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
    transform: rotate(180deg);
}

.arrow.down {
	-ms-transform: rotate(90deg); /* IE 9 */
	-webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);
}

.arrow.left:hover,
.arrow.right:hover,
.arrow.down:hover {
	background-image: url('http://www.rro.ch/cms/content/uesgang/images/icon-arrow-red.png');
}

.arrow.left:hover {
	-ms-transform: rotate(180deg); /* IE 9 */
	-webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
    transform: rotate(180deg);
}

.arrow.down:hover {
	-ms-transform: rotate(90deg); /* IE 9 */
	-webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);
}

.calendar {
	background:transparent url('http://www.rro.ch/cms/content/uesgang/images/icon-calendar-grey.png') center center no-repeat;
	height:26px;
	width:23px;
	padding:0px;
}

.add-event {
	background:transparent url('http://www.rro.ch/cms/content/uesgang/images/icon-plus-grey.png') center left no-repeat;
	height:26px;
	width:26px;
	padding:0px;
	display:block;
}

.search-icon {
	background:transparent url("http://www.rro.ch/cms/content/uesgang/images/icon-search-grey.png") center center no-repeat;
	height:25px;
	width:25px;
	padding:0px;
}

.calendar:hover {
	background-image: url('http://www.rro.ch/cms/content/uesgang/images/icon-calendar-red.png');
	cursor:pointer;
}

.add-event:hover {
	background-image: url('http://www.rro.ch/cms/content/uesgang/images/icon-plus-red.png');
}

.search-icon:hover {
	background-image: url("http://www.rro.ch/cms/content/uesgang/images/icon-search-red.png");
}

input#search {
	width: 143px;
	padding: 7px 20px 4px 3px; /* top; right; bottom; left*/
	margin-right:10px;
	font-size:16px;
	background-repeat: no-repeat;
    background-position: center right;
    height:14px;
    line-height:16px;
    border: 0px;
    border-bottom: 1px solid #CCC;
}

input#search:focus {
	outline:none;
}

nav {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	background-color: white;
	padding-top: 5px;
	padding-left: 33px;
	font-family:"HelveticaLT",Helvetica;
	font-size:16px;
	color: #3F3F3F;
    width: calc(950px - 33px);
    -moz-box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.1);
	box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.1);
	backface-visibility: hidden;
}

nav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
	background-color: white;
	height:inherit;
}

nav li {
    float: left;
    line-height:28px;
    font-weight:bold;
    font-family:"HelveticaLT",Helvetica;
	font-size:14px;
	color: #3F3F3F;
	margin-bottom:0px;
	margin-right:1px;
	background-image:none;
	height:inherit;
}

nav li a {
    display: block;
    text-align: center;
	padding: 3px 10px 3px 10px;
    text-decoration: none;
    line-height:22px;
    font-family:"HelveticaLT",Helvetica;
	font-size:14px;
	color: #3F3F3F;
}

nav li a.number {
	padding: 3px 0px 3px 0px;
	margin: 0px 10px;
}

nav li a:hover {
	color:#F39 !important;
}

#nav-item-1 {
	border-bottom: 2px solid #F39;
	color: #FF3399;
}

#nav-item-1:hover {
    border-bottom: none;
}

nav li.nav a:hover{
	border-bottom: 2px solid #F39;
}

nav li:hover{
	border-bottom: none;
}

#nav-item-0, #nav-item-7 {
	width: 26px;
	padding-right:20px;
}



#nav-item-7, #nav-item-8 {
	border-right: 1px solid gray;
	padding: 0px 15px;
}

#nav-item-9 {
	width: 150px;
	margin-left:15px;
	line-height:26px;
	text-align: right;
}

button#nav-item-10 {
    border: none;
    cursor: pointer;
    margin-left:3px;
}


/*
 * Box mit Eventdetails
 */
@media all and (min-width: 955px){

	div#rubrik_sponsor {
		margin-left: 20px!important;
	}

	#rubrik_sponsor > div {
		float: right;
	}

	.event-detail-big {
		overflow: hidden;
		display:none;
		position: absolute;
	    z-index: 3;
	    width: 920px;
	    border: 3px solid #F3F3F3;
	    min-height: 277px;
	    background-color: white;
	    font-family: "HelveticaLT", Helvetica;
	    max-height: 327px;
	}

	.image-container {
		width:300px;
		float:left;
		margin-top:-3px;
		margin-left:-3px;
	}

	.image-container .event-box-image {
		position:relative;
		width:100%;
		height:327px;
	}

	.event-details-main {
		float:left;
		width:583px;
		background-color: #E73B68;
		color:white;
		padding: 10px 20px;
		margin-top:-3px;
		min-height:80px
	}

	.detailsTitle {
		font-size: 30px;
		float:left;
		margin-top:2px;
		width:575px;
		line-height: 34px;
	}

	.controls {
	    float: right;
	    margin-top:4px;
	    margin-right: -6px;
	}

	.as-content input[name=search]{
		display: none;
	}
}

.controls a {
	cursor: pointer;
	font-weight: bold;
	color:white;
}

.detailsSubContent a {
	text-decoration: underline !important;
}

.detailsDate {
	float:left;
	width:50%;
	margin-top:20px;
	margin-left:5px;
	padding-left:28px;
	background: transparent url('http://www.rro.ch/cms/content/uesgang/images/icon-calendar-detail.png') left center no-repeat;
	height:18px;
	font-size: 16px;
}

.detailsTimes {
	margin-top:20px;
	padding-left:28px;
	background: transparent url('http://www.rro.ch/cms/content/uesgang/images/icon-time-detail.png') left center no-repeat;
	height:18px;
	overflow: hidden;
	font-size: 16px;
}

.event-details-sub {
	float:left;
	width:623px;
	margin-bottom: 10px;
	height: auto;
}

.event-details-sub > div {
	float:left;
	width:33%;
	padding:20px;
	padding-bottom:10px;
	box-sizing: border-box;
}

.detailsSubTitle {
    height: 15px;
    margin-bottom: 10px;
}

.detailsAddress .detailsSubTitle {
	padding-left:20px;
	background: transparent url('http://www.rro.ch/cms/content/uesgang/images/icon-location-detail.png') left center no-repeat;
}

.detailsWeb .detailsSubTitle {
	padding-left:23px;
	background: transparent url('http://www.rro.ch/cms/content/uesgang/images/icon-website-detail.png') left center no-repeat;
}

.detailsDownloads .detailsSubTitle {
	padding-left:20px;
	background: transparent url('http://www.rro.ch/cms/content/uesgang/images/icon-downloads-detail.png') left center no-repeat;
}

.detailsDesc {
	float: left;
    width: 598px;
    padding: 5px 5px 5px 20px;
    font-family:Helvetica;
    font-size:12px;
    max-height:75px;
    overflow:hidden;
}

/*calendar*/
#calendar_container {
	width:300px;
	font-family:Helvetica;
	box-shadow: 2px 2px 5px -1px rgba(0,0,0,0.75);
	background:white;
}

#calendar_controls, #calendar_buttons {
	width:100%;
	height:20px;
	text-align:right;
	padding-top:0px;
	padding-bottom:5px;
}

.closeButton {
	cursor: pointer;
	margin-right:15px;
	color: #3F3F3F;
	line-height: 22px;
    font-size: 14px;
    font-family: "HelveticaLT",Helvetica;
    padding: 5px;
}
#calendar_controls a:hover {
	color:#F39;
}

#calendar_buttons {
	display:none;
	width:426px;
	margin-top:-5px;
	margin-bottom:10px;
}

#event-from, #event-to {
	color: #696867;
	font-size: 14px;
}

#event_from_container, #event_to_container {
	text-align:center;
	width:195px;
	float:left;
	margin-bottom:5px;
}

#event_from_container {
	margin-right: 20px;
	margin-left: 10px;
	margin-bottom: 10px;
}

#event_to_container {
	display:none;
}

div.ui-helper-clearfix, div.ui-helper-hidden-accessible {
    display: block !important;
}

input[type="submit"] {
   	border:none;
    background-color: white;
    margin-right: 8px;
    cursor:pointer;
    color: #696867;
    padding: 5px 10px;
}

#calendarSubmit {
	margin-top:20px;
	margin-right:25px;
	margin-bottom:10px;
}


/*end calendar*/

/*start newevent*/
.form_title h3 {
		color: #696867;
		font-size: 14px;
		font-weight: bold;
		margin-top: 30px;
		margin-bottom: 0px;
	}

	#form_container {
		width: 740px;
		margin: 20px auto;
	}

	input[type=file] {
		border: none;
		padding-top: 0px;
	}

	input[type=submit] {
		float: right;
		width: 100px;
	}

	form {
		font-family: Helvetica;
		color: #555;
	}

	#form_container .radio_group {
		clear: both;
		width: 45%;
		float: left;
	}

	#form_container input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
		transition: transform 0.3s ease-in-out, font-size 0.3s ease-in-out, visibility 0.3s ease-in-out;
	}

	#form_container input, #form_container textarea {
		font: inherit;
		font-size: 14px;
		width: 340px;
		display: block;
		border: none;
		padding: 20px 0 10px;
		border-bottom: solid 1px #F9C;
		background: linear-gradient(to bottom, rgba(255,255,255,0) 96%, #F9C 4%);
		background-position: -400px 0;
		background-size: 400px 100%;
		background-repeat: no-repeat;
		transition: background 0.3s cubic-bezier(.64,.09,.08,1);
		resize: none;
		overflow: hidden;
		float: left;
		margin-right: 30px;
		margin-top: 25px;
	}

	#form_container input:focus, #form_container input:valid, textarea:focus, textarea:valid {
		box-shadow: none;
		outline: none;
		background-position: 0 0;
	}

	#form_container input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder {
		color: #F9C;
		font-size: 0.9em;
		transform: translateY(-20px);
		visibility: visible !important;
		opacity: 1;
	}

	#form_container input:disabled, #form_container textarea:disabled {
		border-bottom: 1px solid #CCC;
	}

	#form_container input[type=file]:disabled {
		border: none;
		padding-top: 0px;
	}

	#form_container input[type=file] {
		border: none;
		background: none;
	}

	.captcha {
		margin: 10px auto 10px 100px;
		width: 700px;
		border: 1px solid #CCC;
		padding: 5px;
		overflow: auto;
	}
	div.captcha > div {
		float: right;
	}

	input[type=submit] {
		border: 1px solid #CCC;
		color: #9B9B9B;
		font-weight: bold;
		padding: 5px;
		background: white;
		border-radius: 3px;
		box-shadow: 0px 1px 2px #9B9B9B;
	}

	#form_container .radio_group label {
		position: relative;
		cursor: pointer;
		display: inline-block;
		padding-left: 25px;
		margin-bottom: 20px;
		font-size: 14px;
	}

	#form_container input[type=radio] {
		display: none;
		width: 50px;
	}

	#form_container div.radio_group label:before {
		content: "";
		display: inline-block;
		width: 16px;
		height: 16px;
		margin-right: 10px;
		position: absolute;
		left: 0;
		bottom: 14px;
		background-color: white;
		border: 1px solid #555;
		border-radius: 15px;
	}

	#form_container input[type=radio]:checked + label:before {
		content: "\2022";
		color: #f36;
		font-size: 48px;
		text-align: center;
		line-height: 18px;
	}

	#form_container input[name=timeFrom] {
		width: 68px;
		float: left;
		margin-top: 0px;
		margin-right: 35px;
		padding-top: 6px;
		padding-bottom: 6px;
	}

	#form_container input[name=timeTo] {
		width: 68px;
		margin-top: 0px;
		padding-top: 6px;
		padding-bottom: 6px;
		background-size: 0px;
		margin-right: 199px;
	}

	#form_container input[type=date] {
		margin-top: 0px;
		padding-top: 9px;
		padding-bottom: 3px;
	}

	#form_container .additional_information {
		color: #B6B6B6;
		float: left;
		margin-left: 37px;
		width: 340px;
	}

	#form_container .additional_information input[type=button] {
		border: 1px solid #B6B6B6;
		color: #555;
		padding: 5px;
		width: 115px;
		background: none;
		margin-bottom: 4px;
		margin-right: 0;
		border-radius: 3px;
		position: relative;
	}

	.additional_information > p {
		margin-top: 25px;
		color: #696867;
	}

	p#uploadPicTitle {
		font-size: 12px;
		width: 100%;
	}

	p#uploadPDFTitle {
		font-size: 12px;
		clear: both;
		width: 100%;
	}

	.pictureUpload {
		float: left;
	}

	.filename {
		padding: 20px 0px 0px 5px;
		font-size: 12px;
		margin-right: 5px;
		width: 190px;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	#form_container .pictureContainer {
		display: flex;
		flex-wrap: wrap;
	}

	#form_container .fileContainer {
		display: flex;
	}

	#form_container select#kategorie:focus {
		outline: none;
	}

	#form_container .styled-select select {
		background: transparent;
		width: 368px;
		padding: 5px 5px 5px 4px;
		font-size: 14px;
		line-height: 1.1;
		border: 0;
		border-radius: 0;
		height: 30px;
		-webkit-appearance: none;
		color: #A9A9A9;
		margin-left: -4px;
	}

	#form_container .styled-select {
		width: 340px;
		height: 30px;
		overflow: hidden;
		background: url('/cms/content/uesgang/images/Dropdown.png') no-repeat #fff;
		background-position: 325px 12px;
		border-bottom: solid 1px #F9C;
		margin-bottom: 30px;
		float: left;
		margin-right: 50%;
	}

	#nav-item-9 {
		color: #F39 !important;
		background-image: url('/cms/content/uesgang/images/icon-plus-red.png');
	}

	input.delete {
		float: right;
		width: 23px !important;
		cursor: pointer;
	}

	div.message {
		margin-top: 16px;
		margin-bottom: 10px;
		font-size: 14px;
		border: 1px solid #D6E9C6;
		padding: 5px;
		width: 929px;
		border-radius: 5px;
		background-color: #DFF0D8;
		color: #3C763D;
	}

	div.error {
		margin-top: 16px;
		margin-bottom: 10px;
		font-size: 14px;
		border: 1px solid #EBCCD1;
		padding: 5px;
		width: 929px;
		border-radius: 5px;
		background-color: #F2DEDE;
		color: #A94442;
	}

	#form_container > p {
		width: 50%;
		float: left;
		color: #696867;
		margin-top: 15px;
		font-family: Helvetica;
	}

	#form_container > .additional_information > textarea {
		padding-top: 0;
		padding-bottom: 0;
		margin-right: 0;
		resize: vertical;
		overflow: auto;
		width: 340px;
	}

	#timeSelection, #dateSelection {
		width: 50%;
		float: left;
	}

	#timeSelection > p, #timeSelection > input, #dateSelection > p, #dateSelection > input {
		color: #696867;
	}

	.img-div {
		position: relative;
		margin-bottom: 5px;
		background-repeat: no-repeat;
	}

	.img-div a {
		position: absolute;
		right: 2px;
		top: 2px;
	}

	.doc-div {
		height: 30px;
		line-height: 30px;
		width: 100%;
	}

	a.delButton {
		float: right;
	}

	a.delButton img {
		margin-top: 3px;
	}

	.submitDiv {
		overflow: auto;
		height: 35px;
		width: 700px;
		margin: 10px auto 10px 113px;
	}

	@media screen and (max-width: 955px) {
		#form_container {
			width: 320px;
			margin: 0 auto;
		}
		#timeSelection {
			width: 100%;
		}
		#dateSelection input {
			width: 100%;
		}
		#timeTo {
			margin-right: 0;
		}
		#form_container input {
			width: 100%;
		}
		#form_container .radio_group {
			width: 100%;
		}
		#form_container .additional_information {
			float: left;
			width: 100%;
			margin-left: 0;
		}
		#form_container .additional_information input {
			width: 100%;
		}
		#form_container > .additional_information > input, #form_container > .additional_information > textarea {
			width: 100%;
			margin-right: 0px;
		}
		#form_container input[name=timeFrom] {
			width: 68px;
			margin-right: 35px;
		}
		#form_container input[name=timeTo] {
			width: 68px;
			margin-right: 35px;
		}
		#form_container .styled-select {
			width: 100%;
			background-position: 308px 12px;
		}
		.captcha {
			width: 90%;
			margin: 20px auto;
		}
		div.captcha > div {
			float: left;
		}
		.pictureContainer > input[type=button], .fileContainer > input[type=button] {
			padding: 3px !important;
			width: 105px !important;
			margin-right: 5px !important;
		}
		.pictureContainer > p {
			width: 170px;
		}
		#form_container .additional_information input[type=button] {
			margin-top: 15px;
		}
		input[type=submit] {
			margin-right: 0;
		}

		.submitDiv {
			width: 92%;
			margin: 0 auto;
		}

		.arrow.left, .arrow.right, #nav-item-8, #nav-item-9, #nav-item-10 {
			background-size:28px;
		    height: 28px !important;
		    width: 28px !important;
		}
	}

	@media (max-width: 360px) and (min-width: 320px) {
		#form_container {
			width: 300px;
		}
		a#nav-item-0, a#nav-item-7 {
			width: 21px;
			padding: 0px 5px;
		}
		nav li a {
			padding: 3px 10px 3px 10px;
		}
		nav li a.number {
			padding: 3px 0px 3px 0px;
			margin: 0px 10px;
		}
	}
/*end newevent*/

header.mainbar-header {
	display: none;
}
h3 {
	float: none !important;
	clear: both !important;
	width: 100% !important;
	margin-top: 13px !important;
}
