/* Framwork - Development */

.framework {
	background: url("/img/framework/bg-framework.jpg") no-repeat top left;
	background-size: cover;
	background-attachment: fixed;
}
.framework > #PageWrapper {
	padding-bottom: 0 !important;
}

/* Framework - Header */

.framework #HeaderWrapper {
	background: rgb(28,30,51);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFjMWUzMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzNzM3NTEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(28,30,51,1) 0%, rgba(55,55,81,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(28,30,51,1)), color-stop(100%,rgba(55,55,81,1)));
	background: -webkit-linear-gradient(top,  rgba(28,30,51,1) 0%,rgba(55,55,81,1) 100%);
	background: -o-linear-gradient(top,  rgba(28,30,51,1) 0%,rgba(55,55,81,1) 100%);
	background: -ms-linear-gradient(top,  rgba(28,30,51,1) 0%,rgba(55,55,81,1) 100%);
	background: linear-gradient(to bottom,  rgba(28,30,51,1) 0%,rgba(55,55,81,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c1e33', endColorstr='#373751',GradientType=0 );
	position: absolute;
}
.framework #HeaderWrapper > div {
	padding-left: 20px;
	padding-right: 20px;
}
#HeaderWrapper > div > a.logo {
	left: 20px;
}
#HeaderWrapper > div > a.overview {
	bottom: 9px;
	color: #FFFFFF;
    font-size: 12px;
	font-weight: normal;
    left: 20px;
    position: absolute;
}
#HeaderWrapper > div > a.overview:before {
	content: "\E806";
	font-family: "fontello";
	padding: 0 10px 0 0;
}
.framework #HeaderWrapper > div > ul {
    bottom: 20px;
    position: absolute;
    right: 20px;
}
.framework #HeaderWrapper > div > ul:after {
	clear: both;
	content: "";
	left: 0;
}
.framework #HeaderWrapper > div > ul > li {
	float: left;
	margin: 0 15px 0 0;
}
.framework #HeaderWrapper > div > ul > li:last-child {
	margin-right: 0;
}
.framework #HeaderWrapper > div > ul > li > a {
	background: url("/img/framework/frwork-icons.png") no-repeat top left;
	display: block;
	height: 31px;
	position: relative;
	width: 34px;
}
.framework #HeaderWrapper > div > ul > li > a.exit {
	background-position: 0 -39px;
}
.framework #HeaderWrapper > div > ul > li > a.help {
	background-position: 0 -78px;
}

@media all and (max-width: 890px){

	.framework #HeaderWrapper > div > ul {
		bottom: 39px;
	}

}
@media all and (max-width: 400px){

	.framework #HeaderWrapper {
		height: 98px;
	}
	.framework #HeaderWrapper > div > a.logo {
		top: 15px;
	}
	.framework #HeaderWrapper > div > a.logo > img {
		width: 150px;
	}
	#HeaderWrapper > div > a.overview {
		background: #3D4166;
		bottom: 0;
		font-size: 14px;
		height: 35px;
		left: 0;
		line-height: 32px;
		padding: 0 20px;
		text-align: center;
		width: 100%;
	}
	.framework #HeaderWrapper > div > ul {
		bottom: 51px;
	}
	.framework #HeaderWrapper > div > ul > li {
		margin-right: 8px;
	}

}

/* Framework - Hauptmenü */

.framework ul.frworkNavi {
	padding: 20px;
}
.framework ul.frworkNavi:after {
	clear: both;
	content: "";
	display: block;
}
.framework ul.frworkNavi > li {
	display: block;
	float: left;
	height: 200px;
	margin: 0 0.578947368421055% 0 0;
	width: 32.94736842105263%; /* 313 */
}
.framework ul.frworkNavi > li:last-child {
	margin-right: 0;
}
.framework ul.frworkNavi > li > a {
	background: url("/img/framework/bg-frwork-menu.jpg") no-repeat center top;
    color: #FFFFFF;
    display: block;
    font-size: 19px;
    font-weight: normal;
    height: 178px;
    padding: 140px 0 0;
    text-align: center;
    text-transform: uppercase;
}
.framework ul.frworkNavi > li > a.print {
	background-position: center -203px;
}
.framework ul.frworkNavi > li > a.datacenter {
	background-position: center -406px;
}
.framework ul.frworkNavi > li > a.selected {
	height: 100%;
}

@media all and (max-width: 980px){

	.framework ul.frworkNavi > li {
		height: 178px;
	}

}
@media all and (max-width: 850px){

	.framework ul.frworkNavi > li > a {
		font-size: 15px;
		padding-top: 143px;
	}

}
@media all and (max-width: 650px){

	.framework ul.frworkNavi > li {
		height: auto;
		float: none;
		width: 100%;
	}
	.framework ul.frworkNavi > li > a {
		background: none;
		font-size: 18px;
		height: auto;
		margin: 0 0 1px;
		padding: 10px 20px;
		text-align: left;
	}
	.framework ul.frworkNavi > li > a.data {
		background: #2A2F69;
	}
	.framework ul.frworkNavi > li > a.print {
		background: #0B5676;
	}
	.framework ul.frworkNavi > li > a.datacenter {
		background: #539AB8;
	}

}
@media all and (max-width: 400px){

	.framework ul.frworkNavi > li > a {
		padding-bottom: 8px;
		padding-top: 8px;
	}

}

/* Framework - Übersicht */

.overview .headline > span {
	font-weight: bold;
}
.overview .list > li {
	display: none;
	padding: 5px 10px;
}
.overview .list > li.show {
	display: block;
}
.overview .list > li.headline {
	display: block !important;
}
.overview .list > li.show:nth-child(2n) {
	background: #F4F4F5;
}
.overview .list.filtered > li.show {
	background: none !important;
}
.overview span.name {
	display: inline-block;
	width: 50%;
}
.overview span.state {
	display: inline-block;
	width: 20%;
}
.overview span.zipcode {
	display: inline-block;
	width: 10%;
}
.overview span.town {
	display: inline-block;
	width: 20%;
}

/* Framework - Filter */

.overview .filter {
	padding: 0 0 20px;
	text-align: right;
}
.overview .filter input {
	border: 1px solid #CFCFCF;
	margin: 0 0 0 5px;
	padding: 7px 5px 8px 5px;
}
.overview .filter select {
	border: 1px solid #CFCFCF;
	margin: 0 0 0 5px;
	padding: 6px 5px 7px 2px;
}

/* Framework - Navigation */

.overview .navi {
	margin: 20px 0 0 0;
}
.overview .navi > li {
	display: inline-block;
	margin: 0 20px 0 0;
}
.overview .navi > li > a {
	background: #2d3762 none repeat scroll 0 0;
	color: #ffffff;
	display: block;
	font-weight: bold;
	line-height: 26px;
	padding: 0 20px;
	text-transform: uppercase;
}

/* Framework - neuen Markt anlegen */

.overview .newMarket:before {
	content: "\E81F";
	font-family: "fontello";
	font-size: 18px;
	left: 10px;
	position: absolute;
	top: 6px;
}
.overview .newMarket {
	border: 1px solid #cfcfcf;
	color: #888888;
	display: table;
	font-size: 14px;
	font-weight: normal;
	line-height: 1;
	margin: 20px 0;
	padding: 8px 10px 8px 28px;
	position: relative;
}

.overview .userMarketLink {
	border: 1px solid #cfcfcf;
	color: #888888;
	display: table;
	font-size: 14px;
	font-weight: normal;
	line-height: 1;
	margin: 20px 0;
	padding: 8px 10px 8px 10px;
	position: relative;
}

@media all and (max-width: 650px){

	.overview span.name {
		width: 100%;
	}
	.overview span.state,
	.overview span.zipcode,
	.overview span.town {
		display: none;
	}

}

/* Framework - Metamenü */

.framework .metamenu > li {
	display: table;
	float: none;
}
.framework .metamenu > li > a {
	font-size: 13px;
	font-weight: normal;
	opacity: 0.8;
}
.framework .metamenu > li > a:hover {
	opacity: 1;
}

/* Framework - Content */

.framework #ContentWrapper {
	color: #333333;
}
.framework #ContentWrapper > div {
	background: #FFFFFF;
	border-radius: 0;
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
	margin-bottom: 0;
	margin-top: 106px;
	padding-left: 0;
	padding-right: 0;
}
.framework #ContentWrapper > div > section {
	padding: 20px;
	position: relative;
}
.framework #ContentWrapper > div > section:after,
.framework #ContentWrapper > div > section:before {
	background: #EEEEEE;
	content: "";
	height: 1px;
	left: 20px;
	right: 20px;
	position: absolute;
	top: 0;
}
.framework #ContentWrapper > div > section:before {
	bottom: 0;
	top: auto;
}
.framework #ContentWrapper > div > aside {
	padding: 0;
	position: relative;
	right: auto;
	width: 100%;
}

@media all and (max-width: 800px){

	.framework #ContentWrapper > div > aside {
		display: block;
	}

}
@media all and (max-width: 720px){

	.framework #ContentWrapper > div > section {
		padding-bottom: 40px;
		padding-top: 40px;
	}

}
@media all and (max-width: 400px){

	.framework #ContentWrapper > div {
		margin-top: 98px;
	}

}

/* Framework - Footer */

.framework #FooterWrapper {
	height: auto;
	position: relative;
}
.framework #FooterWrapper > div {
	background: #FFFFFF;
	border-radius: 0;
    padding: 7px 20px 25px;
    position: relative;
}

/* Copyright */

.framework #FooterWrapper > div > p {
	color: #2D3762;
	font-size: 13px;
}

/* Framework - Marktdaten */

.framework .marketData:after {
	clear: both;
	content: "";
	display: block;
}
.framework .marketData > * {
	float: left;
	width: 50%;
}

/* Marktdaten */

.framework .marketData > .frworkForm {
	padding: 0 30px 0 0;
}
.framework .frworkForm > .row {
	padding: 0 0 10px;
	position: relative;
}
.framework .frworkForm > .row.validation:before {
	content: "\E823";
	font-family: "fontello";
    font-size: 11px;
    position: absolute;
    right: 5px;
    top: 3px;
}
.framework .frworkForm > .row:after {
	clear: both;
	content: "";
	display: block;
}
.framework .frworkForm > .row > label {
	display: block;
	float: left;
	height: 27px;
	line-height: 27px;
	padding: 0 20px 0 0;
	text-align: right;
	width: 50.45454545454546%;
}
.framework .frworkForm > .row > .field {
	border: 1px solid #CCCCCC;
	border-radius: 3px;
	box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px 0px inset;
	float: left;
	height: 27px;
	line-height: 27px;
	padding: 4px 22px 4px 6px;
	width: 49.545454545454547%; /* 218 */
}
.framework .frworkForm > .row > select.field {
	padding-left: 2px;
}
.framework .frworkForm > .button {
	margin: 20px 0 0;
	text-align: right;	
}
.framework .frworkForm > .button > input {
	background: #EEEEEE;
	border: none;
    border-radius: 3px;
    cursor: pointer;
	display: inline-block;
	height: 27px;
	line-height: 27px;
	margin-left: 10px;
	padding: 0 10px;
}
.framework .frworkForm > .button > input:hover {
	background: #E8E8E8;
}
.framework .frworkForm > .button > .delete {
	background: #dc2a2a none repeat scroll 0 0;
	border-radius: 3px;
	color: #ffffff;
	display: inline-block;
	height: 27px;
	line-height: 27px;
	margin-left: auto;
	padding: 0 10px;
}

/* Ansprechpartner Links */

.framework .marketData > div > ul:after {
	clear: both;
	content: "";
	display: block;
}
.framework .marketData > div > ul > li {
	float: left;
}
.framework .marketData > div > ul > li > a {
	border: 1px solid #CCCCCC;
    display: block;
    font-weight: normal;
    height: 34px;
    line-height: 34px;
    margin: 0 -1px -1px 0;
    padding: 0 20px;
}
.framework .marketData > div > ul > li:first-child > a {
	border-radius: 5px 0 0 0;
}
.framework .marketData > div > ul > li:last-child > a {
	border-radius: 0 5px 0 0;
}
.framework .marketData > div > ul > li > a.selected {
	background: #2B2F69;
	border: 1px solid #2B2F69;
	color: #FFFFFF;
}
.framework .marketData > div > ul > li > a:not(.selected):hover {
	background: #EEEEEE;
	border-radius: #EEEEEE;
}

/* Ansprechpartner Content */

.framework .marketData > div > div {
	border: 1px solid #CCCCCC;
	padding: 25px 20px;
}
.framework .marketData > div > div > ul > li > a {
	font-weight: normal;
	opacity: 0.8;
}
.framework .marketData > div > div > ul > li > a:hover {
	opacity: 1;
}

@media all and (max-width: 850px){

	.framework .marketData > div > ul > li > a {
		padding-left: 10px;
		padding-right: 10px;
	}
	.framework .frworkForm > .row > label {
		width: 40%;
	}
	.framework .frworkForm > .row > .field {
		width: 60%;
	}

}
@media all and (max-width: 720px){

	.framework .marketData > * {
		float: none;
		width: 100%;
	}
	.framework .marketData > .frworkForm {
		padding-bottom: 40px;
		padding-right: 0;
	}
	.framework .frworkForm > .row > label {
		text-align: left;
		width: 20%;
	}
	.framework .frworkForm > .row > .field {
		width: 80%;
	}

}
@media all and (max-width: 620px){

	.framework .frworkForm > .row > label {
		width: 25%;
	}
	.framework .frworkForm > .row > .field {
		width: 75%;
	}

}
@media all and (max-width: 500px){

	.framework .frworkForm > .row > label {
		width: 35%;
	}
	.framework .frworkForm > .row > .field {
		width: 65%;
	}

}
@media all and (max-width: 400px){

	.framework .marketData > div > ul > li {
		float: none;
	}
	.framework .marketData > div > ul > li > a {
		height: 45px;
		line-height: 45px;
		margin-right: 0;
		padding-left: 20px;
		padding-right: 20px;
		position: relative;
	}
	.framework .marketData > div > ul > li > a:before {
		content: '\E808';
		font-family: "fontello";
		padding: 0 10px 0 0;
	}
	.framework .marketData > div > ul > li:last-child > a {
		border-radius: 0;
	}	
	.framework .marketData > div > ul > li:first-child > a {
		border-radius: 5px 5px 0 0;
	}
	.framework .frworkForm > .row.validation::before {
		top: 30px;
	}
	.framework .frworkForm > .row > label {
		padding-right: 0;
		width: 100%;
	}
	.framework .frworkForm > .row > .field {
		width: 100%;
	}
	.framework .frworkForm > .button > input {
		height: auto;
		line-height: 27px;
		margin: 5px 0 0;
		padding: 5px 0;
		text-align: center;
		width: 100%;
	}

}

/* Framework - Print */

.content {
	background: #ffffff none repeat scroll 0 0;
	margin: 0 auto;
	max-width: 980px;
	padding: 136px 30px 30px;
}
.package {
	border-top: 1px solid #E5E5E5;
	font-family: Arial;
	font-size: 13px;
	margin: 0 0 20px 0;
	min-height: 124px;
	padding: 18px 0 0 0;
	position: relative;
}
.package:first-child {
	border-top: 0;
}
.package:after {
	clear: both;
	content: "";
	display: block;
}
.package > .image {
	float: left;
	padding: 0 10.869565217391305% 0 4.347826086956522%; /* 0 100 0 40 */
}
.package > .image > img {
	display: block;
	max-width: 100%;
}
.package > .image > p {
	font-size: 11px;
	margin: 3px 0 0 0;
	max-width: 123px;
	text-align: center;
	text-transform: uppercase;
}
.package > .text {
	float: left;
	width: 47.826086956521742%; /* 440 */
}
.package > .text > .title {
	font-weight: bold;
	text-transform: uppercase;
}
.package > .price {
	position: absolute;
	right: 20px;
	top: 38px;
}
.package > .price > p {
	font-size: 20px;
	font-weight: bold;
}
.package.gold > .price > p {
	color: #aa7902;
}
.package.premiumsilver > .price > p {
	color: #717171;
}
.package.premium > .price > p {
	color: #0b5676;
}
.package.image > .price > p {
	color: #b5c7e9;
}

.order {
	border: 1px solid #cccccc;
	display: none;
	left: 50%;
	margin: 60px 0 0 -210px;
	padding: 20px 40px;
	position: relative;
	width: 420px;
}
.order > h2 {
	background: #0b5676 none repeat scroll 0 0;
	color: #ffffff;
	font-family: Arial;
	font-size: 14px;
	margin: -21px -41px 25px;
	padding: 7px 10px;
}
.order > h2.headline2 {
	display: none;
}
.order .row {
	margin: 0 0 20px 0;
}
.order .row.opt {
	display: none;
}
.order .row:after {
	clear: both;
	content: "";
	display: block;
}
.order .row label {
	display: block;
	float: left;
	height: 27px;
	line-height: 27px;
	padding: 0 20px 0 0;
	text-align: right;
	width: 120px;
}
.order .row input {
	border: 1px solid #cccccc;
	border-radius: 3px;
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.075) inset;
	float: left;
	height: 28px;
	line-height: 27px;
	padding: 4px 22px 5px 6px;
	width: 198px;
}
.order .row .checkbox {
	border-radius: 0;
	box-shadow: none;
	height: auto;
	margin: 3px 6px 0 0;
	padding: 0;
	width: auto;
}
.order .button {
	margin: 0 -34px 0 0;
	text-align: right;
}
.order .button button {
	background: none;
	border: 0;
	cursor: pointer;
	margin: 0;
	padding: 0;
}
.order .formpackage {
	margin: 20px 0;
}
.order .formpackage > a {
	display: none;
}
.order .formpackage .title {
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
}
.order .formpackage .text + p {
	font-size: 20px;
	font-weight: bold;
}
.order .formpackage .gold {
	color: #aa7902;
}
.order .formpackage .premiumsilver {
	color: #717171;
}
.order .formpackage .premium {
	color: #0b5676;
}
.order .formpackage .image {
	color: #b5c7e9;
}

@media all and (max-width: 780px){

	.package > .image {
		padding-left: 3%;
		padding-right: 3%;
	}

}

@media all and (max-width: 650px){

	.package > .price {
		right: 0;
	}

}

@media all and (max-width: 600px){
	
	.package > .image {
		padding-left: 0;
		width: 30%;
	}
	.package > .text {
		width: 70%;
	}
	.package > .price {
		clear: left;
		position: relative;
		right: auto;
		top: auto;
	}

}

@media all and (max-width: 480px){

	.order {
		left: auto;
		margin-left: 0;
		padding-left: 20px;
		padding-right: 20px;
		width: 100%;
	}
	.order > h2 {
		margin-left: -21px;
		margin-bottom: 20px;
		margin-right: -21px;
	}
	.order .row {
		margin-bottom: 10px;
	}
	.order .row label {
		float: none;
		padding-right: 0;
		text-align: left;
		width: 100%;
	}
	.order .row input {
		float: none;
		width: 100%;
	}
	.order .button {
		margin-right: 0;
	}

}

@media all and (max-width: 390px){

	.package > .image {
		float: none;
		width: 100%;
	}
	.package > .text {
		float: none;
		margin: 20px 0;
		width: 100%;
	}

}

/* Framework - Online Datenpflege */

.dataCenter > div {
	border: 1px solid #5299B7;
	margin: -1px 0 0;
	padding: 40px 45px;
}

@media all and (max-width: 550px){

	.dataCenter > div {
		padding-left: 30px;
		padding-right: 30px;
	}	

}
@media all and (max-width: 500px){

	.dataCenter > div {
		padding: 30px 20px;
	}	

}

/* Framework - Datenpflege - Menü */

.dataCenter > .marketNavi:after {
	clear: both;
	content: "";
	display: block;
}
.dataCenter > .marketNavi > li {
	float: left;
	padding: 0 2px 0 0;
}
.dataCenter > .marketNavi > li > a {
	border: 1px solid #5299B7;
	border-radius: 4px 4px 0 0;
	color: #5A5B6F;
	display: block;
	font-weight: normal;
	font-size: 13px;
	height: 33px;
	line-height: 30px;
	padding: 0 12px;
	width: 140px;
}
.dataCenter > .marketNavi > li > a.selected {
	background: #5299B7;
	color: #FFFFFF;
}
.dataCenter > .marketNavi > li > a:not(.selected):hover {
	background: #EEEEEE;
}

@media all and (max-width: 800px){

	.dataCenter > .marketNavi > li > a {
		width: auto;
	}

}
@media all and (max-width: 600px){

	.dataCenter > .marketNavi > li {
		margin: 0 -1px 0 0;
		padding-right: 0;
	}
	.dataCenter > .marketNavi > li > a {
		padding-left: 5px;
		padding-right: 5px;
	}

}
@media all and (max-width: 500px){

	.dataCenter > .marketNavi > li {
		float: none;
		margin-right: 0;
		margin-top: -1px;
		width: 100%;
	}
	.dataCenter > .marketNavi > li > a {
		border-radius: 0;
		padding-left: 20px;
		padding-right: 20px;
	}

}

/* Framework - Datenpflege - Beschreibung */

.framework .dataCenter .frworkForm > .row > .field {
    height: 230px;
    line-height: 1.8;
    padding: 10px 12px;
    width: 100%;
}

/* Framework - Datenpflege - Anreise */

.arrival form:after {
	clear: both;
	content: "";
	display: block;
}
.arrival form > div {
	margin: 20px 0;
}
.arrival form > div > label,
.arrival form > div > .field {
	display: block;
	width: 100%;
}
.arrival form > div > label {
	margin: 0 0 8px 0;
}
.arrival form > div > .gmap {
	height: 400px;
	width: 100%;
}
.arrival form > div > .getcoords {
	background: #2a2f69 none repeat scroll 0 0;
	color: #ffffff;
	display: table;
	padding: 5px 12px;
}
.arrival form > div > .field {
	border: 1px solid #CCCCCC;
    border-radius: 3px;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.075) inset;
    height: 200px;
    padding: 10px 12px;
}
.arrival form > div.button {
	clear: both;
	padding: 10px 0 0;
}
.arrival form > .button > input {
    background: #EEEEEE;
    border: none;
    border-radius: 3px;
    cursor: pointer;
    display: table;
    height: 27px;
    line-height: 27px;
    margin-left: auto;
    padding: 0 10px;
}
.arrival form > .button > input:hover {
	background: #E8E8E8;
}

@media all and (max-width: 400px){

	.arrival form > .button > input {
		height: auto;
		line-height: 27px;
		padding: 5px 0;
		text-align: center;
		width: 100%;
	}

}

/* Framework - Datenpflege - Öffnungszeiten */

.openingTimes > form > div > div {
	width: 100% !important;
}
.openingTimes > form > div > div table tr {
	height: 27px;
}
.openingTimes .ui-widget-content {
	border: 1px solid #CCCCCC !important;
}
.openingTimes > form > .row > label,
.openingTimes > form > .row > .field {
	display: block;
	width: 100%;
}
.openingTimes > form > div > label,
.openingTimes > form > div > .field {
	display: block;
	width: 100%;
}
.openingTimes > form > div > .field {
	border: 1px solid #CCCCCC;
    border-radius: 3px;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.075) inset;
    height: 200px;
    padding: 10px 12px;
}
.openingTimes > form > div.button {
	clear: both;
	padding: 10px 0 0;
}
.openingTimes > form > .button > input {
    background: #EEEEEE;
    border: none;
    border-radius: 3px;
    cursor: pointer;
    display: table;
    height: 27px;
    line-height: 27px;
    margin-left: auto;
    padding: 0 10px;
}
.openingTimes > form > .button > input:hover {
	background: #E8E8E8;
}
.openingTimes .ui-datepicker-prev,
.openingTimes .ui-datepicker-next {
	display: none !important;
}
.openingTimes .ui-state-highlight {
	background: none !important;
}
.openingTimes .ui-state-highlight > a,
.openingTimes .ui-widget-content .ui-state-highlight > a,
.openingTimes .ui-widget-header .ui-state-highlight > a {
	background: #93939F !important;
}
.openingTimes .ui-state-active,
.openingTimes .ui-state-hover {
	background: inherit !important;
	color: inherit !important;
}

@media all and (max-width: 750px){

	.openingTimes .ui-datepicker-multi-3 .ui-datepicker-group:not(.ui-datepicker-group-last) {
		margin: 0 0 35px;
	}
	.openingTimes .ui-datepicker-multi-3 .ui-datepicker-group {
		width: 100%;
	}
	.openingTimes .ui-datepicker-multi .ui-datepicker-group {
		float: none;
	}

}
@media all and (max-width: 400px){

	.openingTimes > form > .button > input {
		height: auto;
		line-height: 27px;
		margin: 5px 0 0;
		padding: 5px 0;
		text-align: center;
		width: 100%;
	}

}

/* Framework - Datenpflege - Fotos */

.framework .images > ul:after {
	clear: both;
	content: "";
	display: block;
}
.framework .images > ul > li {
	float: left;
    margin: 0 4.893867924528305% 4.893867924528305% 0;
    width: 30.070754716981131%; /* 255 */
}
.framework .images > ul > li:nth-child(3n) {
	margin-right: 0;
}
.framework .images > ul > li > img {
	display: block;
	width: 100%;
}
.framework .images > ul > li > a {
	background: #5299B7;
	color: #FFFFFF;
    display: block;
    font-size: 14px;
    font-weight: normal;
    margin: 0 0 5px;
    padding: 3px 0 6px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}
.framework .images > ul > li > a:hover {
	opacity: 0.9;
}
.framework .images > ul > li > input {
    margin: 0 2px 0 0;
    position: relative;
    top: 2px;
}
.framework .images > ul > li > span {
	padding: 0 0 0 5px;
}
.framework .images > a {
    background: #EEEEEE;
    border: none;
    color: #333333;
    cursor: pointer;
    display: table;
    font-weight: normal;
    height: 27px;
    line-height: 27px;
    margin: 5px 0 0 auto;
    padding: 0 10px;
}
.framework .images > a:hover {
	background: #E8E8E8;
}
.framework .images > ul > li > div {
	margin: 10px 0;
}
.framework .images > ul > li > div.row > label {
	display: block;
}
.framework .images > ul > li > div.row > input {
	display: block;
	font-size: 11px;
	padding: 4px 5px;
	width: 100%;
}
.framework .images > ul > li > div.button > input {
	background: #eeeeee none repeat scroll 0 0;
	border: medium none;
	color: #333333;
	cursor: pointer;
	display: table;
	font-weight: normal;
	height: 27px;
	line-height: 27px;
	margin: 5px 0 0 auto;
	padding: 0 10px;
}

@media all and (max-width: 700px){

	.framework .images > ul > li {
		margin-bottom: 4%;
		margin-right: 4%;
		width: 48%;
	}
	.framework .images > ul > li:nth-child(3n) {
		margin-right: 4%;
	}
	.framework .images > ul > li:nth-child(2n) {
		margin-right: 0;
	}

}
@media all and (max-width: 500px) and (min-width: 400px){

	.framework .images > ul > li > span {
		display: block;
		line-height: 1.3;
		margin: -18px 0 0 0;
		padding: 0 0 0 25px;
	}

}
@media all and (max-width: 400px){

	.framework .images > ul > li {
		margin-bottom: 30px;
		margin-right: 0;
		width: 100%;
	}
	.framework .images > a {
		height: auto;
		line-height: 27px;
		padding: 5px 0;
		text-align: center;
		width: 100%;
	}

}

/* Framework - Datenpflege - Fotos hochladen */

.framework .imagesNew > a.back {
	color: #333333;
	display: table;
	font-weight: normal;
	margin: 0 0 20px;
	position: relative;
}
.framework .imagesNew > a.back:before {
	content: "\E806";
	font-family: "fontello";
	padding: 0 10px 0 0;
}
.framework .imagesNew > form > .row {
	padding: 0 0 20px;
}
.framework .imagesNew > form > .row:after {
	clear: both;
	content: "";
	display: block;
}
.framework .imagesNew > form > .row > .field {
	float: left;
    padding: 8px 10px;
    width: 70%;	
}
.framework .imagesNew > form > .row > label {
	display: block;
	float: left;
	height: 39px;
	line-height: 39px;
    width: 30%;	
}
.framework .imagesNew > form > .row > input[type="checkbox"] {
	margin: 0 8px 0 0;
	position: relative;
	top: 2px;
}
.framework .imagesNew > form > .button > input {
    background: #EEEEEE;
    border: none;
    border-radius: 3px;
    cursor: pointer;
    display: table;
    height: 27px;
    line-height: 27px;
    margin-left: auto;
    padding: 0 10px;	
}
.framework .imagesNew > form > .button > input:hover {
	background: #E8E8E8;
}

@media all and (max-width: 700px){

	.framework .imagesNew > form > .row > label {
		width: 35%;
	}
	.framework .imagesNew > form > .row > .field {
		width: 65%;
	}

}
@media all and (max-width: 550px){

	.framework .imagesNew > form > .row > label {
		height: auto;
		line-height: auto;
		width: 100%;
	}
	.framework .imagesNew > form > .row > .field {
		width: 100%;
	}	

}
@media all and (max-width: 400px){

	.framework .imagesNew > form > .button > input {
		height: auto;
		line-height: 27px;
		padding: 5px 0;
		text-align: center;
		width: 100%;
	}

}

/* Framework - Datenpflege - Veranstaltungen Liste */

.framework .eventList > ul {
	padding: 20px 0;
}
.framework .eventList > ul > li > a:hover {
	background: #FAFAFA;
}
.framework .eventList > ul > li:after {
    clear: both;
    content: "";
    display: block;
}
.framework .eventList > ul > li > a {
	color: #333333;
	display: block;
	font-weight: normal;
}
.framework .eventList > ul > li > a:after {
    clear: both;
    content: "";
    display: block;
}
.framework .eventList > ul > li:nth-child(2n) {
	background: #5299B7;
}
.framework .eventList > ul > li:nth-child(2n):hover {
	opacity: 0.9;
}
.framework .eventList > ul > li:nth-child(2n):hover > a {
	background: none;
}
.framework .eventList > ul > li:nth-child(2n) > a {
	color: #FFFFFF;
}
.framework .eventList > ul > li span {
    float: left;
    line-height: 1.6;
    padding: 8px 15px;
}
.framework .eventList > ul > li > span {
	font-weight: bold;
}
.framework .eventList > ul > li .name {
	width: 50%;
}
.framework .eventList > ul > li .date {
	text-align: right;
	width: 50%;
}
.framework .eventList > a {
	background: #EEEEEE;
	border: none;
	border-radius: 3px;
	color: #333333;
	cursor: pointer;
	display: table;
	font-weight: normal;
	height: 27px;
	line-height: 27px;
	margin-left: auto;
	padding: 0 10px;	
}
.framework .eventList > a:hover {
	background: #E8E8E8;
}

@media all and (max-width: 500px){

	.framework .eventList > ul > li > a {
		padding: 4px 0;
	}
	.framework .eventList > ul > li span {
		padding-bottom: 4px;
		padding-top: 4px;
	}
	.framework .eventList > ul > li:not(.headline) .name {
		width: 100%;
	}
	.framework .eventList > ul > li:not(.headline) .date {
		width: 100%;
	}

}
@media all and (max-width: 400px){

	.framework .eventList > a {
		padding: 5px 0;
		text-align: center;
		width: 100%;
	}

}

/* Framework - Datenpflege - Veranstaltungen Neu */

.framework .dataCenter .eventNew > a.back {
	color: #333333;
	display: table;
	font-weight: normal;
	margin: 0 0 20px;
	position: relative;
}
.framework .dataCenter .eventNew > a.back:before {
	content: "\E806";
	font-family: "fontello";
	padding: 0 10px 0 0;
}
.framework .dataCenter .eventNew > span {
	padding: 0 0 0 30%;
}
.framework .dataCenter .eventNew .frworkForm {
	padding: 10px 0 0;
}
.framework .dataCenter .eventNew .frworkForm > .row > label {
	width: 30%;
}
.framework .dataCenter .eventNew .frworkForm > .row > .field {
	padding: 4px 22px 4px 6px;
	width: 70%;
}
.framework .dataCenter .eventNew .frworkForm > .row > .field:not(textarea) {
	height: 27px;
	line-height: 27px;
}
.framework .dataCenter .eventNew .frworkForm > .row > .field.time,
.framework .dataCenter .eventNew .frworkForm > .row > .field.datepickerfr {
	padding-right: 6px;
	width: 88px;
}
.framework .dataCenter .eventNew .frworkForm > .row > .datepickerfr,
.framework .dataCenter .eventNew .frworkForm > .row > .caliconfr {
	cursor: pointer;
}
.framework .dataCenter .eventNew .frworkForm > .row > .timeiconfr,
.framework .dataCenter .eventNew .frworkForm > .row > .caliconfr {
	color: #5299B7;
    display: block;
    float: left;
    height: 27px;
    line-height: 27px;
    position: relative;
    text-align: center;
    width: 35px;
}
.framework .dataCenter .eventNew .frworkForm > .row > .timeiconfr:after {
	content: "\E83D";
	font-family: "fontello";
	font-size: 19px;
}
.framework .dataCenter .eventNew .frworkForm > .row > .caliconfr:after {
	content: "\E800";
	font-family: "fontello";
	font-size: 19px;
}

/* Veranstaltung löschen */

.framework .dataCenter .eventNew .frworkForm > .button > a {
	color: #333333;
	display: table;
	font-weight: normal;
	margin: 15px 0;
	position: relative;
}
.framework .dataCenter .eventNew .frworkForm > .button > a:before {
	content: "\E82A";
	font-family: "fontello";
	padding: 0 8px 0 0;
}
.framework .dataCenter .eventNew .frworkForm > .button > a:hover:before {
	padding-right: 13px;
}

@media all and (max-width: 720px){

	.framework .dataCenter .eventNew .frworkForm > .row > label {
		text-align: right;
	}

}
@media all and (max-width: 550px){

	.framework .dataCenter .eventNew > span {
		padding: 0;
	}
	.framework .dataCenter .eventNew .frworkForm > .row > label {
		text-align: left;
		width: 100%;
	}
	.framework .dataCenter .eventNew .frworkForm > .row > .field {
		width: 100%;
	}
	.framework .dataCenter .eventNew .frworkForm > .row > .field.time,
	.framework .dataCenter .eventNew .frworkForm > .row > .field.datepickerfr {
		text-align: center;
		width: 90%;
	}
	.framework .dataCenter .eventNew .frworkForm > .row > .timeiconfr,
	.framework .dataCenter .eventNew .frworkForm > .row > .caliconfr {
		text-align: right;
		width: 10%;
	}

}
@media all and (max-width: 400px){

	.framework .dataCenter .eventNew .frworkForm > .row > .field.time,
	.framework .dataCenter .eventNew .frworkForm > .row > .field.datepickerfr {
		width: 88%;
	}
	.framework .dataCenter .eventNew .frworkForm > .row > .timeiconfr,
	.framework .dataCenter .eventNew .frworkForm > .row > .caliconfr {
		width: 12%;
	}
	.framework .dataCenter .eventNew .frworkForm > .button > a {
		height: auto;
		line-height: 27px;
		padding: 5px 0;
		text-align: center;
		width: 100%;
	}

}

/* Framework - Login */

.framework .login .frworkForm {
	margin: 20px 0 0;
    width: 300px;
}
.framework .login .frworkForm > .row > label {
	width: 100px;
}
.framework .login .frworkForm > .row > .field {
	width: 200px;
}

/* Framework - Admin Event Liste */

.adminEventsList > h2 {
	margin: 15px 0;
}
.adminEventsList > a:before {
	content: "\E81F";
	font-family: "fontello";
	font-size: 18px;
	left: 10px;
	position: absolute;
	top: 6px;
}
.adminEventsList > a {
	border: 1px solid #cfcfcf;
	color: #888888;
	display: table;
	font-size: 14px;
	font-weight: normal;
	line-height: 1;
	margin: 20px 0;
	padding: 8px 10px 8px 28px;
	position: relative;
}
.adminEventsList > ul > li:after {
	clear: both;
	content: "";
	display: block;
}
.adminEventsList > ul > li {
	margin: 4px 0;
}
.adminEventsList > ul > li.headline > div {
	font-weight: bold;
}
.adminEventsList > ul > li > div {
	float: left;
}
.adminEventsList > ul > li > .title {
	width: 30%;
}
.adminEventsList > ul > li > .title > a {
	display: block;
}
.adminEventsList > ul > li > .category {
	width: 30%;
}
.adminEventsList > ul > li > .startdate {
	width: 20%;
}
.adminEventsList > ul > li > .enddate {
	float: right;
	width: 20%;
}

@media all and (max-width: 800px){
	
	.adminEventsList > ul > li > .title {
		padding-right: 20px;
		width: 50%;
	}
	.adminEventsList > ul > li > .category {
		width: 50%;
	}
	.adminEventsList > ul > li > .startdate {
		display: none;
	}
	.adminEventsList > ul > li > .enddate {
		display: none;
	}

}

@media all and (max-width: 500px){

	.adminEventsList > ul > li > .title {
		padding-right: 0;
		width: 100%;
	}
	.adminEventsList > ul > li > .category {
		display: none;
	}

}

/* Framework - Admin Event Detail */

.cmsForm.adminEventDetail > .button > a {
	background: #ab0909 none repeat scroll 0 0;
	color: #ffffff;
	display: inline-block;
	line-height: 26px;
	margin: 0 10px 0 0;
	padding: 0 20px;
	text-transform: uppercase;
}

@media all and (max-width: 600px){

	.cmsForm.adminEventDetail > .button > a {
		display: block;
		line-height: 34px;
		margin-right: 0;
		margin-bottom: 20px;
		text-align: center;
	}
	.cmsForm.adminEventDetail > .button > input {
		display: block;
		line-height: 34px;
		text-align: center;
		width: 100%;
	}

}