/* CSS Ergänzungen */

#preloader {display: none;}

#loader {
	text-align: center;
}

#ajaxgif {width: 64px; height: 64px; margin: 40px auto}

.notification-page-item img {
	border-radius: 0;
}


/* Header */
.header a.open-socials i, .header a.open-nav i {
	font-size: 160%;
}

.sidebar-logo {
	background-image: none;
}

/* Auswahlfelder */
div.selectarea {
	border-top: solid 1px #ccc;
	padding-top: 3px;
}

div.selectarea a.button.button-red {
	width: 30px;
	float: right;
	padding-top: 2px;
	margin-right: 5px;
}

div#selected-group-wrapper {
	margin-top: 5px;
}

div#selected-date-wrapper {
	border-bottom: solid 1px #ccc;
}

div.selectarea p {
	font-size: 18px; 
	font-weight: bold;
	padding-top: 13px;
	margin-bottom: 15px;
	width: 200px;
	float: left;
}

div.selectarea img {
	float: left; 
	margin-right: 15px;
}

/* Symbole Vereine und Datum Auswahl */
div#group-select, div#date-select {
	display: none;
	width: 100%; 
	margin: 0px auto; 
}

div#group-select h2, div#date-select h2{
	margin-bottom: 25px;
}

div#selected-group-wrapper:hover, #selected-date-wrapper:hover {
	cursor: pointer;
}

div.symbolwrapper {
	text-align: center; 
	height: 85px; 
	border: solid 1px #cccccc; 
	border-radius: 5px; 
	float: left; 
	margin-right: 4px; 
	color: rgba(183,64,60,1); 
	/*font-weight: bold;*/ 
	margin-bottom: 5px;
	padding-top: 4px;
	min-width: 31%;

}

div.symbolwrapper img {
	display: block; 
	margin: 0 auto; 
}

p.icontext, span.icontext {font-weight: bold;}

div.symbolwrapper.activesymbol {
	border-color: #ccc;
	background-color: #fcfcfc;
	float: none;
	max-width: 130px;
}

div.detailgroup {
	display: none;
}

#infoUntergruppen {position: absolute; left: 140px; width: 150px; height: 80px; padding: 5px 10px; background-color: #fcfcfc; border-radius: 10px; line-height: 18px; display: none;}

#date-select div.symbolwrapper {
	font-size: 14px;
	height: 70px;
	padding-top: 10px;
	color: #0080ff;
}

span.monthtext {font-weight: bold; font-size: 16px; color: rgba(16,71,174,1) }

#date-select div.symbolwrapper.passive, #date-select div.symbolwrapper.passive span.monthtext  {
	color: #ccc;
}

div.symbolwrapper  {
	font-weight: normal;
}



#allgroups, #wholeyear {
	min-width: 95%;
}


/* DropDown Vereine */
.vereinsdrop a {
	padding-left: 0px !important;
}

a#vereinactivetext img {
	width: 40px;
	height: 40px;
	float: right;
}

.submenu-nav-items a img {
	width: 60px;
	height: 60px;
	float: left;
}

.vereinsdrop, .zeitdrop {
	font-size: 15px;
}

.submenu-nav-deploy {
  font-size: 15px;
}

/* Button */
.button-red {
	width: 300px;
	display: block;
	margin: 15px auto;
	font-size: 20px;
	text-align: center;
	border-radius: 5px;
}

.closeSubGroups {float: right; margin-right: 20px}
.closeSubGroups i {font-size: 20px}

.button:hover, .button-red:hover {
	transition: none;
	background-color: rgba(183,64,60,1);
	transform: none;
}



a#no-termine {margin: 40px auto}

/* Werbung Startseite */
#adstart {
	margin: 5px auto 20px auto;
	width: 300px;
	text-align: center;
}

#adstart p {
	text-align: left;
	padding-bottom: 0;
	margin-bottom: 0;
}

#adstart img {
	max-width: 300px; 
	margin-bottom: 20px;
	border: solid 1px rgb(255,164,95);
	/*display: none;*/
}

/* Startmenu */
#startmenu {
	margin-bottom: 20px;
}

#startmenu .one-half {
	margin-right: 5%
}

#startmenu .button-red {
	width: auto;
	margin: 8px auto;
}

#startmenu .button i {
	font-size: 14px;
}

.startad p.anzeigetext {
	margin-bottom: 5px;
	line-height: 12px;
}

.startad img {
	display: block; 
	margin: 0px auto 9px auto;
}

/* Terminübersicht */

#headinfo {
	background-color: #f6f6f6;
	padding: 5px;
	margin-right: 5px;
}

#headinfo div.selection-infos {
	float: left; 
	max-width: 75%;
}

#headinfo div.selection-sharer {
	float: right;
}

#headinfo div.selection-sharer .button.button-red {
	margin: 0;
	width: 40px;
	height: 40px;
	margin-right: 5px;
}

#headinfo div.selection-sharer .button.button-red:hover {cursor: pointer}

#headinfo div.selection-sharer .button-red i {
	padding: 3px 17px 7px 0px; 
	font-size: 14px;
}


.social_wrapper {
	border: solid 1px #e0e0e0;
	background-color: #f9f9f9;
	border-radius: 5px;
	padding: 10px;
	margin: 0px 0px 20px 0px;
}

#socials {
	display: block;
	margin: 5px auto 0 auto;
}

#socials a {
	padding-left: 15px;
}


div.terminuebersicht {
	font-size: 16px;
	font-weight: bold;
	color: #666;
	margin-bottom: 15px;
	line-height: 26px;
	margin-top: 15px;
}

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

div.terminuebersicht p {
	margin-bottom: 0;
}

p.ow_datered {
	color: rgba(183,64,60,1);
	font-size: 26px;
}

p.ow_weekday {
	color: rgba(183,64,60,1);
	font-size: 16px;
	line-height: 20px;
}

p.ow_time {
	color: rgba(183,64,60,1);
}

p.ow_group{
	color: #bf0919;
	font-size: 18px;
	line-height: 36px;
}

p.ow_description {
	color: #666;
	font-size: 16px;
	font-weight: bold;
	line-height: 16px;
}


p.ow_details {
	font-weight: normal;
	color: #555;
	font-size: 16px;
}

i#newTerm, i#editTerm, i#delTerm, p.instructions i {color: #0080ff}
p.instructions {
	background-color: #f6f6f6;
	border: solid 1px #e0e0e0;
	padding: 5px 10px;
	margin: 10px 10px 10px 0;
}

div.terminuebersicht img {
	width: 52px;
	height: 52px;
	float: right;
	margin-top: 0;
}

div.detailinfo {display: none; padding-top: 6px;}

ul.buttonlist li {
	display: inline;
	margin: 5px 0 5px 10px;
	padding-top: 6px;
}

ul.buttonlist a.button.button-red {display: inline; padding: 5px 4px; margin: 0; }
ul.buttonlist a.button.button-red:hover {cursor: pointer}
ul.buttonlist .button-red i {margin: 0; padding: 5px 7px 9px 7px; width: auto; font-size: 20px;}

/* Terminbild Einzeltermin */
img.terminpic-single {
	display: block;
	margin: 46px auto 32px auto;
}


/* Generell Content */
.content {
  margin-left: 15px;
  margin-right: 5px;
}

.content p.fliesstext {line-height: 25px; font-size: 16px}

.content div.impressum h2 {
	margin-top: 30px;
}
.content div.impressum p {
	line-height: 18px;
	margin-bottom: 10px;
}

div.editTerms h1 {
	display: inline; 
	float: left;
}

div.editTerms i {
	float: right; 
	margin-left: 5px;
	color: rgba(183,64,60,1); float:right; 
	margin-right: 10px;
}

i.fa-caret-square-o-left {display: none;}

div.groupInfoTop  {
	margin-top: 5px;
	/*border-top: solid 1px #e6e6e6;*/
	border-bottom: solid 1px #e6e6e6;
}

div.groupInfoTop h3 {
	float: left;
	display: inline;
	padding-top: 15px;
	color: #0080ff;
}

div.groupInfoTop img {
	width: 50px;
	height: 50px;
	float: right;
}

/* Form Input Terms */
div.fieldsDisplay ul li {list-style-type: none;}

div.fieldsDisplay {
	margin: 20px 10px 20px 0;
}

div.fieldsDisplay label {
	padding-top: 8px;
	font-size: 18px;
}


div.fieldsDisplay input, input#username, input#userpass {
	font-size: 18px;
}

div.fieldsDisplay input.date {
	min-width: 10px;
	width: 120px;
	display: block;
	float:left;
}

button.ui-datepicker-trigger {background-color: #ffffff;}
i.iconcal {font-size: 25px; color: rgba(183,64,60,1); margin-left: 5px;}

div.fieldsDisplay textarea {
	font-size: 14px; 
	padding: 5px 10px; 
	height: 90px;	
}


.switch-box .switch-icon {
  float: none !important;
}



p.fieldHinweis {margin-bottom: 5px}

div#errorMessage.green-notification {
	color: #fff;
}

table.ui-datepicker-calendar {text-shadow: none;}
.ui-datepicker {width: 22em;}
.ui-datepicker td span, .ui-datepicker td a {padding: 0.7em}

div#errorMessage {
	display: none;
	color: #c00000;
	font-size: 16px;
} 


div.selectarea p.groupname {
	width: auto;
}



/*Ergänzungen 30.09.2016 Auswahl Gruppen und Kalender*/
div.selectarea p.groupname {
	width: auto;
}




div.toggleCurYear, div.toggleNextYear {background-color: #777; color: #fff;}
div.xlcalender {border: solid 1px #ccc; padding: 10px; background-color: #f6f6f6;}
div#date-select h2 {color: #fff; float: left; font-size: 20px; padding-top: 10px; margin-bottom: 10px; font-weight: normal}
.margtop25 {margin-top: 25px;}
div#date-select i.iconcal{background-color: #transparent; color: #fff; font-size: 20px; margin-right: 5px;}
i.monthbutton {display: inline; float: left; font-style: normal; color: #fff; font-size: 18px; background-color: rgba(183,64,60,1);
font-weight: normal; margin: 5px 0 5px 10px; padding: 6px; border-radius: 5px;}
i.monthbutton.passive {background-color: #ccc;}
i.slideButton {display: inline; float: right; font-style: normal; color: #fff; font-size: 18px; margin-right: 10px; background-color: transparent;
font-weight: bold;  padding: 10px 5px; border-radius: 5px;}
i.underline {text-decoration: underline;}

div.symbolwrapper.botlevel {width: 97%; border: 0; border-bottom: solid 1px #ccc; height: auto; border-radius: 0; text-align: left}
div.symbolwrapper.botlevel img {float: left; display: inline;}
div.symbolwrapper.botlevel p.icontext {color: rgba(183,64,60,1); padding: 10px 0 0 15px; margin-bottom: 6px; font-size: 13px; font-weight: bold; padding-bottom: 0;}


/* Aktuelles */
.timeline-text {
	padding-left: 0px;
	margin-top: 0;
	padding-right: 5px;
	
}
.timeline-text h3 {
	margin-top: 15px;
	color: #0080ff;
	font-size: 20px;
}
.timeline-text:first-child {
	margin-top: -18px;
}

.timeline-text .subtitle {
	margin-bottom: 10px;
	font-size: 16px;
	color: rgba(183,64,60,1);
}

.timeline-text p, #partner p {
	margin-bottom: 15px;
	font-size: 16px;
	line-height: 25px;
}



/* Login Lost Password Section */
#lostPasswordInfo {
	display: none;
	margin: 15px 30px;
	border: solid 1px #e6e6e6;
	background-color: #fafafa;
	padding: 20px;
}

#btnExitBrowserNewPassword {
	width: 180px;
	font-size: 16px;
	padding: 5px
}