/**
*	Dieses Style Sheet ist fuer Responsive Designs aufgebaut
*	Copyright DropNet AG 2015
*/
/*	http://matthewjamestaylor.com/blog/holy-grail-liquid-layout-no-quirks-mode	*/
#fixed {
	margin:0 auto;
	width:100%;							/*	width can be px, em or %	*/
	max-width: 980px;
	text-align:left;
	}
#header {
	float:left;
	width:100%;
	padding:0;
	margin:0;
	white-space:nowrap;
	position:relative;
}
#colmask {
	position:relative;					/*	position:relative:This fixes the IE7 overflow hidden bug and stops the layout jumping out of place, width:of whole page, overflow:hidden:This chops off any overhanging divs, background:left col	*/
	clear:both;
	float:left;
	width:100%;
	overflow:hidden;
}
#colmid {
	float:left;
	width:200%;
	position:relative;
	left:200px;							/*	left:breite linke spalte, background middle col	*/
}
#colright {								/*	background right col	*/
	float:left;
	width:100%;
	position:relative;
	left:50%;
	margin-left:-400px;
	min-height:500px;
}
#col1wrap {
	float:right;
	width:50%;
	position:relative;
	right:100%;
}
#col1pad {
	margin:0 15px 0 415px;
	overflow:hidden;
}
#col1 {
	width:100%;
	overflow:hidden;
}
#col2 {
	float:left;
	width:170px;
	position:relative;
	margin-left:-50%;
	left:215px;
	overflow:hidden;
}
#col3 {
	float:left;
	width:170px;
	position:relative;
	left:15px;
	overflow:hidden;
}
#footer {
	clear:both;
	float:left;
	width:100%;
	padding:0;
	margin:0;
	white-space:nowrap;
	position:relative;
}
#content {
	position:relative;
}

/*	Hintergrundbild 100% Hoehe und Breite	*/
#body {
	position:absolute;
	z-index:1;
	width:100%;
	height:100%;
	top:0;
	left:0;
	overflow:auto;
}
#background {
	position:fixed;
	z-index:0;
	width:100%;
	height:100%;
	top:0;
	left:0;
}
#background img {
	height:100%;
	width:100%;
}
ol {
	overflow:hidden;
	padding-left:25px;
}
ul {
	overflow:hidden;
	padding-left:25px;
}
label {
	cursor:pointer;
}
input, textarea, select {
	margin-bottom: 5px;
}
/**
*	Bilder
*/
.img-right-large {
	width: 66%;
	height: auto;
	float: right;
	margin: 0 0 2% 2%;
}
.img-left-large {
	width: 66%;
	height: auto;
	float: left;
	margin: 0 2% 2% 0;
}
.img-right-medium {
	width: 50%;
	height: auto;
	float: right;
	margin: 0 0 2% 2%;
}
.img-left-medium {
	width: 50%;
	height: auto;
	float: left;
	margin: 0 2% 2% 0;
}
.img-right-small {
	width: 33%;
	height: auto;
	float: right;
	margin: 0 0 2% 2%;
}
.img-left-small {
	width: 33%;
	height: auto;
	float: left;
	margin: 0 2% 2% 0;
}
.img-large {
	width: 100%;
	height: auto;
}
.img-medium {
	width: 66%;
	height: auto;
}
.img-small {
	width: 33%;
	height: auto;
}
.row .col-1::after,
.row .col-2::after,
.row .col-3::after,
.row .col-4::after {
	content: '';
	display: block;
	clear: both;
}
/**
*	Formular Validation
*/
input:invalid {
	border-color: red;
}
[data-reverse-content]::before {
	content: attr(data-reverse-content);
	unicode-bidi: bidi-override;
	direction: rtl;
	white-space: nowrap;
}
/*	Damit das iPhone die Schriftgroessen nicht selber korrigiert.	*/
@media screen and (max-device-width: 480px) {
	body {
		-webkit-text-size-adjust: none;
	}
}
/**
 *	DropTours
 */
fieldset.touren {
	border: 1px solid #3873A6;
}
legend.touren {
	color:#3873A6;
	font-style:italic;
}
#droptours-login {
	margin-bottom: 20px;
	margin-top: 20px;
	padding: 5px;
	padding-left: 8px;
	background-color: #eee;
	border-radius: 4px;
	border: 1px solid #ccc;
}
#droptours-login a {
	margin-right: 12px;
}
#droptours-login a:hover {
	text-decoration: none;
}
#droptours-login img {
	margin-bottom: 3px;
}
#droptours-registred {
	text-align: right;
	margin-bottom: 10px;
}
.droptours-navi-text {
	padding-left: 2px;
}
.droptours-delete {
}
.droptours-info {
	background-color: #F5F1D9;
	padding: 10px;
	border: 1px solid #ccc;
	border-radius: 6px;
}
.droptours-gruppe {
	display: none;
}
.droptours-list-telp, .droptours-list-mobile {
	display: none;
}
div.dropapp-tours-galery {
	margin-top: 2rem;
}
.droptours-galery {
	width: 100%;
	overflow: hidden;
}
.droptours-thumbnail {
	width: 160px;
}

.red_number a {
	background-color: #c00;
	padding-right: 4px;
	padding-left: 4px;
	margin-right: 4px;
	border-radius: 6px;
}
.red_number a:visited, .red_number a:link, .red_number a:active {
	color: white;
}
.drop-cke div.cke {
	border: 1px solid #ccc;
	border-radius: 3px;
}
table td.status_0:first-child+td+td+td+td+td+td {
	background-image: url(/dropnetimages/touren/standard/status-0.png);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 20px;
}
table td.status_1:first-child+td+td+td+td+td+td {
	background-image: url(/dropnetimages/touren/standard/status-0.png);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 20px;
}
table td.without_register:first-child+td+td+td+td+td+td {
	background-image: url(/dropnetimages/touren/standard/status-without-register.png);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 20px;
}
table td.status_2:first-child+td+td+td+td+td+td {
	background-image: url(/dropnetimages/touren/standard/status-3.png);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 20px;
}
table td.status_3:first-child+td+td+td+td+td+td {
	background-image: url(/dropnetimages/touren/standard/status-3.png);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 20px;
}
.search_field,
.search-field {
	font-size: 1rem;
	line-height: 1rem;
	border-radius: 4px;
	box-shadow: none;
	border: 1px solid #ccc;
	height: 18px;
}
#search-lupe {
	margin-right: 10px;
}
.container-fluid {
	padding-left:0;
}
.form-control:required,
input.radio:required {
	border-color: red;
}
label.required {
	color: red;
}
.droptours-typ-icon {
	display: none;
}



/*	DropAddress	*/
.address-address {
	position: relative;
	width: 180px;
}
.address-block {
	position: relative;
	width: 300px;
	display: inline-block;
	min-height: 180px;
	padding-bottom: 50px;
	margin-right: 20px;
}
.address-image {
	position: absolute;
	border-radius: 10px;
}
.address-image img {
	border-radius: 10px;
}
.address-name {
	font-weight: bold;
	width: 180px;
}
.address-person {
	position: relative;
	left: 120px;
	width: 180px;
}
.address-title {
	font-weight: bold;
}
.address-label {
	min-width: 120px;
}
.address-login-line {
	margin-bottom: 1rem;
}
.address-login-line>div {
	margin-bottom: 0.5rem;
}
#address-login-new-register {
	margin-top: 0px;
}
#address-login-pw-forgotten {
	margin-top: 0.5rem;
}

.dropaddress-logout-button, .dropaddress-login-button {
	text-align: right;
}




/*	DropEvent	*/
.event_date>span, .event_name>a {
	font-weight: bold;
}
span.error {
	color: #c00;
	font-weight: bold;
	padding: 4px;
}

.dropevent-entry {
	margin-bottom: 10px;
	margin-top: 5px;
}
.dropevent-date {
	padding-bottom: 5px;
}
.dropevent-date-date {
	font-weight: bold;
}
.dropevent-date-time {
	font-weight: bold;
}
.dropevent-name {
	font-weight: bold;
}
.dropevent-register,
.dropevent-registred,
.dropevent-register-staff,
.dropevent-register-title {
	text-align: left;
}
.dropevent-social {
	float: right;
}
.dropevent-description {
}
.dropevent-options {
	max-width: 800px;
}
.dropevent-red {
	color: red;
}

.dropevent-navi
.btn-group {
	margin-top: 4px;
}
.btn {
	text-align: left;
	white-space: normal;
}

div.dropevent-navi {
	margin-bottom: 20px;
}

.dropevent-week-container {
	position: relative;
	height: calc(40px * 12 + 2.2rem);
}
.dropevent-week {
	border-right: 1px solid #adadad;
	border-left: 0px solid #adadad;
	border-top: 1px solid #adadad;
	border-bottom: 1px solid #adadad;
	width: calc((100% - 40px) / 7);
	display: inline-block;
	margin-right: 0px;
	margin-bottom: 10px;
	padding: 0px;
	padding-left: 0px;
	float: left;
	border-collapse: collapse;
}
.dropevent-week-first {
	border-left: 1px solid #adadad;
	margin-left: 34px;
}
.dropevent-week-titel {
	font-size: 0.8rem;
	line-height: 0.9rem;
	font-weight: bold;
	height: 2.2rem;
	border-bottom: 1px solid #adadad;
	padding-left: 4px;
	padding-bottom: 4px;
	padding-top: 3px;
	background-color: #f5f5f5;
}
.dropevent-week-day {
	position: absolute;
	border: 1px solid #666666;
	width: calc((100% - 40px) / 7 - 5px);
	background-color: #fff;
	border-radius: 3px;
	overflow: hidden;
}
.dropevent-week-line {
	position: absolute;
	border-top: 1px dotted #adadad;
	border-bottom: 0px solid #adadad;
	width: calc((100% - 40px) / 7);
}
.dropevent-week-line-hours {
	position: absolute;
	border-top: 1px solid #adadad;
	border-bottom: 0px solid #adadad;
	width: calc((100% - 40px) / 7);
}
.dropevent-week-hours {
	position: absolute;
	text-align: right;
	width: 30px;
	left: 0px;
	font-size: 0.8rem;
	padding-left: 2px;
}
.dropevent-today {
	color: #880000;
}
.dropevent-week-day-description {
	position: absolute;
	border: 1px solid #adadad;
	background-color: #dad9d9;
	width: calc((100% - 40px) / 7 - 5px);
	height: 20px; z-index: 1000;
}
.dropevent-week-name,
.dropevent-week-name a:visited,
.dropevent-week-name a:link,
.dropevent-week-name a:active {
	font-size: 0.8rem;
	line-height: 0.9rem;
	font-weight: bold;
	padding: 2px;
}
.dropevent-week-time {
	font-size: 0.8rem;
	margin-bottom: 2px;
}
.dropevent-register-group li,
.dropevent-register-group li a,
.dropevent-location .btn {
	font-size: 1rem;
	padding-top: 2px;
	padding-bottom: 0px;
	min-height: 30px;
}
.dropevent-register-group span {
	font-size: 1rem;
}
.dropevent-register-group ul {
	padding: 0;
	margin: 0;
}
.dropevent-register-title strong {
	font-size: 1rem;
}
.dropevent-register-form form table tr td {
	padding-bottom: 0.5rem;
	text-align: left;
}

div.dropapp-socialshare {
	width: 200px;
}

div.dropapp-socialshare a {
	font-size: 1.2rem;
	padding: 0 1rem;
}
.dropevent-ics {
	font-size: 0.9rem;
	padding-left: 2px;
}




/*	Slideshow	*/
#slideshow {
	visibility:hidden;
	width:200px;
	height:150px;
	position: relative;
	margin:0;
	padding:0;
}
#slideshow img {
	position:absolute;
	width:100%;
	height:auto;
}
/**
*	Google Maps
*/
.gmnoprint div {
	color:#222;
}
div.gm-style * {
	color: #222;
}
/**
*	Wordtrennung
*/
.manual-hyphens {
	hyphens:manual;
}
.nobr {
	white-space: nowrap;
}
/**
*	Damit das iPhone die Schriftgroessen nicht selber korrigiert.
*/
@media screen and (max-device-width: 480px) {
	body {
		-webkit-text-size-adjust: none;
	}
}
/*	iPad und Co	*/
@media screen and (max-width: 992px) {
	.touren_button {
		margin-top: 10px;
	}
}
/*	iPhone und co.: wenn kleiner als 768 Pixel	*/
@media screen and (max-device-width: 320px), screen and (max-width: 640px) {
	.img-right-large, .img-medium, .img-small {
		width: 100%;
	}
	.img-left-large {
		width: 100%;
	}
	.img-left-medium {
		width: 100%;
	}
	.img-right-medium {
		width: 100%;
	}
	.img-right-small {
		width: 40%;
	}
	.img-left-small {
		width: 40%;
	}
	.droptours-navi-text {
		display: none;
	}
	.touren_bold {
		font-weight: normal!important;
		letter-spacing: -1px;
	}
	.droptours-typ {
		display: none;
	}
	.droptours-anforderungen {
		display: none;
	}
	.droptours-dauer {
		display: none;
	}
	.droptours-anmeldungen {
		display: none;
	}
	.table-responsive {
		border: none;
	}

	.dropevent-register,
	.dropevent-register a {
		width: 100%;
	}
}
@media print {
	body {
		width: 100%;
		padding: 10mm;
		box-sizing: border-box;
	}
	#fixed {
		width: 100%;
	}
	#header {
		width: 100%;
	}
	#colmid {
		left: 0 !important;
		width: 100%;
	}
	#colright {
		margin-left: 0 !important;
		left: 0 !important;
	}
	#col1wrap {
		float: none;
		width: auto;
		right: auto;
	}
	#col1pad {
		margin:0 !important;
	}
	#col1 {
		width: 100%;
	}
	#col2 {
		display: none;
	}
	#col3 {
		display: none;
	}
	#footer {
		width: 100%;
	}

	.responsive-tabs__heading::after {
		display: none;
	}
	.responsive-tabs__panel {
		display: block;
	}

	* {
		-webkit-print-color-adjust:exact;
	}
	a:after {
		content:" (" attr(href) ") ";
		display: none;
	}
}
/*	Menu	*/
#mobile-menu-header {
	position: absolute;
	right: 0px;
	margin-right: 10px;
	display: none;
	z-index: 100;
	display: none;
}
#mobile-menu {
	list-style-type: none;
	display: none;
}
#mobile-menu ul {
	width: 100%;
	padding: 0px;
	margin: 0;
	list-style-type: none;
}
#mobile-menu ul li {
	width: 100%;
	padding: 0%;
	padding-top: 1%;
	padding-bottom: 1%;
}
#mobile-menu ul li>div {
	padding-left: 4%;
}
#mobile-menu div, #mobile-menu a, #mobile-menu a:link, #mobile-menu a:hover, #mobile-menu a:active, #mobile-menu a:visited {
	font-size: 1.5rem;
}
.mobile-menu-menu {
	background-image: url(/dropnetimages/dropbox/standard/menu-grey.png);
}
.mobile-menu-close {
	background-image: url(/dropnetimages/dropbox/standard/menu-grey-closer.png);
}
@media screen and (max-device-width: 320px), screen and (max-width: 640px) {
	#mobile-menu-header {
		width: 0px;
		height: 40px;
		top: 5px;
		right: 5px;
		cursor: pointer;
		background-size: 40px 40px;
	}
}