html { }
body {
	margin: 0px;
	padding: 0px;

	font-size: 15.4px;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	
	letter-spacing: 1.54px;
	line-height: 30px;
	color: #0e72b5;

	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	background: #fff;
	position: relative;
}
form { margin: 0px; padding: 0px; }

h1 { font-size: 30px; margin: 0px 0px 30px 0px; padding: 0px; line-height: 130%; font-weight: 300; text-transform: none; color: #000; }
h2 { font-size: 20px; margin: 0px 0px 20px 0px; padding: 0px; line-height: 130%; font-weight: 300; text-transform: none; color: #000; }
h3 { font-weight: 700; }
p  { font-size: 15.4px; margin: 0px 0px 10px 0px; padding: 0px; }

.mobileonly { display: block; }
.nonmobileonly { display: none; }
@media (min-width: 768px) { 
	.mobileonly { display: none; }
	.nonmobileonly { display: block; }
}

.small {
	font-size: 12px;
}
strong, b {
	font-weight: 700;	
}

a {
	text-decoration: underline;
	color: #330000;
    transition: all 0.5s ease-in-out;
}
a:HOVER {
	text-decoration: none;
	color: #ccc;
    transition: all 0.5s ease-in-out;
}
.center {
	text-align: center;
}

.donationresult {
	padding: 20px;
	text-align: center;
	font-weight: 700;
	border: 1px solid #eee;
	color: #090;
	background-color: #E8F8E4;
}
.donationresult.warning {
	color: #990;
	background-color: #F7EDE6;
}

.maincontent {
	padding: 0px 10px 0px 10px;	
}

.projects {

}
.project {
	margin-left: auto;
	margin-right: auto;
	width: 80%;
	margin-bottom: 44px;
}
.project div.imagecontainer {
	position: relative;
	padding-bottom: 100%;
	background-size: cover;
	overflow: hidden;
}
.project div.imagecontainer img.im {
	position: absolute;
	width: 90%;
	top: 5%; left: 5%;
	bottom: 5%; right: 5%;
    transition: all 0.5s ease-in-out;
	z-index: 2;
}
.project div.imagecontainer div.title {
	position: absolute;
	bottom: 0px; left: 0px;
	width: 100%;
	padding: 7px;
	background-color: rgba(230, 241, 247, 0.6);
    transition: all 0.5s ease-in-out;
	z-index: 3;
}
.project:HOVER div.imagecontainer img.im {
	width: 100%;
	top: 0; left: 0;
	bottom: 0; right: 0;
    transition: all 0.5s ease-in-out;
}
.project:HOVER div.imagecontainer div.title {
	background-color: rgba(230, 241, 247, 1);
    transition: all 0.5s ease-in-out;
}
.project div.orderbar {
	clear: both;
	position: relative;
	margin-top: 10px;
	width: 100%;
	padding-left: 7px;
	padding-bottom: 5px;
	border-bottom: 1px solid rgba(230, 241, 247, 0.6);
}
.addbutton, .removebutton {
	display: inline-block;
	position: relative;
	float: right;
	background-color: #0E72B5;
	width: 25px;
	height: 25px;
}
.currentbutton {
	text-align: center;
	display: inline-block;
	float: right;
	background-color: #fff;
	min-width: 32px;
	border: 1px solid #0E72B5;
	line-height: 23px;
}
.addbutton .h, .removebutton .h {
	position: absolute;
	display: block;
	width: 19px; height: 3px; 
	left: 3px; top: 11px;
	background-color: #fff;
}
.addbutton .v, .removebutton .v {
	position: absolute;
	display: block;
	width: 3px; height: 19px; 
	left: 11px; top: 3px;
	background-color: #fff;
}
.removebutton {
	border-radius: 3px 0px 0px 3px;
}
.addbutton {
	border-radius: 0px 3px 3px 0px;
}
.addbutton, .removebutton, .currentbutton {
	opacity: 0.6;
    transition: all 0.5s ease-in-out;
}
.project:HOVER .addbutton, .project:HOVER .removebutton, .project:HOVER .currentbutton {
	opacity: 1;
    transition: all 0.5s ease-in-out;
}

.bottombar, .manualdonationbar {
	position: relative;
	margin-top: 10px;
}
.bottombar .left, .bottombar .right, .bottombar .middle {
	width: 100%;
	margin-top: 10px;
	clear: both;
}
.orderbutton {
	cursor: pointer;
	width: 100%;
	line-height: 45px;
	color: #fff;
	background-color: #0E72B5;
	border: 0px;
	border-radius: 3px;
    transition: all 0.5s ease-in-out;
}
.orderbutton:HOVER {
	background-color: rgb(230, 241, 247);
	color: #0e72b5;
    transition: all 0.5s ease-in-out;
}
.orderbutton:DISABLED {
	background-color: #eee;
	color: #ccc;
}
.paymentmethods {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	border: 0px;
	max-width: 80%;
}

.bottombar .overlay {
	display: none;
	position: absolute;
	top: 0px; left: 0px;
	bottom: 0px; right: 0px;
	width: 100%;
	background: rgba(255, 255, 255, 0.7) url(/images/layout/loading.gif) center center no-repeat;
	z-index: 5;
}
.bottombar.loading .overlay {
	display: block;
}


@media (min-width: 768px) {
	.projects {
		margin-left: -22px;
		margin-right: -22px;
	}
	.project {
		float: left;
		width: 33.3333333%;
		padding-left: 22px;
		padding-right: 22px;
		margin-bottom: 44px;
	}
	
	
	.bottombar, .manualdonationbar {
		margin-left: -22px;
		margin-right: -22px;
	}
	.manualdonationbar .left, .manualdonationbar .right {
		float: left;
		width: 50%;
		padding-left: 22px;
		padding-right: 22px;
	}
}


/*** main buttons classes **/
.lc-button {
	display: inline-block;
	line-height: 35px;
	background-color: #666666;
	font-size: 18px;
	color: #fff;
	margin: 0px;
	padding: 0px 30px 0px 30px;
	font-weight: 700;
	text-decoration: none;
    transition: all 0.5s ease-in-out;
	text-align: center;
	text-transform: uppercase;
}
.lc-button:HOVER {
    transition: all 0.5s ease-in-out;
	background-color: #eee;
	color: #333;
}
.lc-button:DISABLED {
	background-color: #F8F8F8;
	color: #aaa;
}
.lc-button-backlink {
	margin-bottom: 25px;
}
.lc-button.small {
	font-size: 12px;
	line-height: 22px;
	color: #fff;
	padding: 0px 5px 0px 5px;
}


.lc-button-margined {
	margin-top: 15px !important;	
}

.lc-button.redbutton {
	background-color: #ff4c4c;
	border-color: #ff4c4c;
}
.lc-button.redbutton:HOVER {
	background-color: rgba(242, 86, 86, 0.59);
	border-color: rgba(242, 86, 86, 0.59);
	color: #fff;
}
.lc-button.blackborder {
	background-color: transparent;
	border-color: #3E424D;
	color: #3E424D;
}
.lc-button.blackborder:HOVER {
	background-color: transparent;
	border-color: #ccc;
	color: #ccc;
}

.lc-button.lc-button-centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 85%;
	font-size: 16px;
}
@media (min-width: 768px) {
	.lc-button.lc-button-centered {
		width: 360px;
		font-size: inherit;
	}
}











.black { color: #000000; }
.greyedbox { background: #F3F3F3; }
.ui-widget { font-size: 11px !important; }
.ui-widget-overlay {
	opacity: 0.8;
	background: #fff url('/images/layout/overlaypattern.png') repeat top left;
}

div.layoutleft { float: left; margin-right: 30px; }
div.layoutright {  float: left; }



/**** end of Layout-specific styles ****/
#autowebroot { display: none; }

a.picturepreview {}

.clear { clear:both;  }
.clearright { clear:right;  }
div.pagescontainer { }
div.pagescontainer div a { }





form.inlineform {
	display: block;
	position: relative;
	margin: 0px; padding: 0px;
}
form.inlineform label {
	display: block; 
	margin: 2px 10px 0px 0px; padding: 3px 0px 0px 0px;
	cursor: pointer;
}
form.anfrageform label { width: 150px !important; }
form.inlineform label.required {
	font-weight: bold;
}
form.inlineform label.checkbox, form.inlineform label.radio {
	width: auto;
	font-size: 12px;
	padding: inherit; margin: inherit; float: none;
}
form.inlineform div.input {
	display: block; float: left;
	margin-bottom: 6px;
	line-height: 24px;
}
form.inlineform input.button, input.coolbutton {
	background: #000;
	border: 0px;
	margin: 8px 0px 0px 0px; padding: 0px 10px 0px 10px;
	height: 57px; line-height: 57px;
	color: #fff; font-weight: bold;
	text-transform: uppercase;
	cursor: pointer;
    transition: all 0.5s ease-in-out;
}
form.inlineform input.button:HOVER, input.coolbutton:HOVER {
	background-color: #FF290B;
}
form.inlineform input.cancel {
	background-color: #AA6666;
}
form.inlineform input.loadingbutton {
	background: #EEEEEE url('/images/layout/loading.gif') center center no-repeat !important;
	color: transparent !important;
	border-color: #CCCCCC !important;
}
form.inlineform input.loading {
	color: transparent;
	background: transparent url('/images/layout/loading.gif') center center no-repeat;
}
form.inlineform input.inputerror, form.inlineform textarea.inputerror {
	background-image: url('/images/layout/inputerrorbg.png?aab');
}

form.inlineform input.textinput {
	background-color: #F1F1F1;
	border: 1px solid #C6C6C6;
	border-spacing: 0px; border-collapse: collapse; margin: 0px; padding: 0px;
	height: 24px; line-height: 24px;
	color: #333333;
}
form.inlineform textarea.textinput {
	background-color: #F7F7F7;
	border: 1px solid #C6C6C6;
	border-spacing: 0px; border-collapse: collapse; margin: 0px; padding: 0px;
	line-height: 24px;
	color: #333333;
}
form.inlineform p.error {
	color: #993300;
	font-weight: bold;
}

div.inlineformhint {
	position: absolute;
	width: 308px;
	min-height: 40px;
}
.popover{
    min-width: 400px;
	font-size: 14px;
}

form.inlineform_small {
	font-size: 11px;
}
form.inlineform_small label {
	font-size: 11px;
	width: 90px;
}




/*** customising the lightgallery css's ***/
#lg-outer {
	background-color: rgba(255, 255, 255, 0.75) !important;
}
#lightGallery-close {
	color: #fff;
	opacity: 1;
	width: 42px;
	height: 38px;
}
#lightGallery-close:after {
	font-size: 30px;
}
#lg-action {
	top: 10px;
	bottom: auto;
}
.lg-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.75);
	border-bottom: 1px solid #ddd;
    color: #000;
    min-height: 40px;
	padding: 10px 0px 10px 0px;
	white-space: normal;
    z-index: 9;
	line-height: 20px;	
}
.lg-caption span {
	font-size: 18px;
	font-weight: 700;
	text-transform: uppercase;
}


.share-btn-group {
	display: block;
	line-height: 20px;
	text-align: center;
}
.share-btn {
    display: inline-block;
	color: #fff;
    border: none;
	line-height: 50px;
    padding: 0px;
    width: 50px;
    outline: none;
	margin-right: 5px;
    text-align: center;
}

.share-btn:hover {
	opacity: 0.5;
	color: #fff;
}
.share-btn:active {
	opacity: 0.5;
}

.share-btn.twitter		{ background: #55acee; }
.share-btn.google-plus	{ background: #dd4b39; }
.share-btn.facebook		{ background: #3B5998; }
.share-btn.linkedin		{ background: #4875B4; }
.share-btn.email		{ background: #444444; }
.share-btn.stumbleupon	{ background: #EB4823; }
.share-btn.reddit		{ background: #ff5700; }

@media (min-width: 768px) {
	.share-btn-group {
		display: inline-block;
	}
	.share-btn {

		line-height: 20px;
		width: 30px;
		margin-right: 1px;
	}
}



/*** the loading circle ****/
@-webkit-keyframes uil-default-anim { 0% { opacity: 1} 100% {opacity: 0} }
@keyframes uil-default-anim { 0% { opacity: 1} 100% {opacity: 0} }
.uil-default-css { position: relative;background:none; width:200px; height:200px; margin-left: auto; margin-right: auto; transform: scale(0.5,0.5); }
.uil-default-css > div { background:#000; }
.uil-default-css > div:nth-of-type(1) {-webkit-animation: uil-default-anim 1s linear infinite;animation: uil-default-anim 1s linear infinite;-webkit-animation-delay: -0.5s;animation-delay: -0.5s;}
.uil-default-css > div:nth-of-type(2) {-webkit-animation: uil-default-anim 1s linear infinite;animation: uil-default-anim 1s linear infinite;-webkit-animation-delay: -0.4166666666666667s;animation-delay: -0.4166666666666667s;}
.uil-default-css > div:nth-of-type(3) {-webkit-animation: uil-default-anim 1s linear infinite;animation: uil-default-anim 1s linear infinite;-webkit-animation-delay: -0.33333333333333337s;animation-delay: -0.33333333333333337s;}
.uil-default-css > div:nth-of-type(4) {-webkit-animation: uil-default-anim 1s linear infinite;animation: uil-default-anim 1s linear infinite;-webkit-animation-delay: -0.25s;animation-delay: -0.25s;}
.uil-default-css > div:nth-of-type(5) {-webkit-animation: uil-default-anim 1s linear infinite;animation: uil-default-anim 1s linear infinite;-webkit-animation-delay: -0.16666666666666669s;animation-delay: -0.16666666666666669s;}
.uil-default-css > div:nth-of-type(6) {-webkit-animation: uil-default-anim 1s linear infinite;animation: uil-default-anim 1s linear infinite;-webkit-animation-delay: -0.08333333333333331s;animation-delay: -0.08333333333333331s;}
.uil-default-css > div:nth-of-type(7) {-webkit-animation: uil-default-anim 1s linear infinite;animation: uil-default-anim 1s linear infinite;-webkit-animation-delay: 0s;animation-delay: 0s;}
.uil-default-css > div:nth-of-type(8) {-webkit-animation: uil-default-anim 1s linear infinite;animation: uil-default-anim 1s linear infinite;-webkit-animation-delay: 0.08333333333333337s;animation-delay: 0.08333333333333337s;}
.uil-default-css > div:nth-of-type(9) {-webkit-animation: uil-default-anim 1s linear infinite;animation: uil-default-anim 1s linear infinite;-webkit-animation-delay: 0.16666666666666663s;animation-delay: 0.16666666666666663s;}
.uil-default-css > div:nth-of-type(10){-webkit-animation: uil-default-anim 1s linear infinite;animation: uil-default-anim 1s linear infinite;-webkit-animation-delay: 0.25s;animation-delay: 0.25s;}
.uil-default-css > div:nth-of-type(11){-webkit-animation: uil-default-anim 1s linear infinite;animation: uil-default-anim 1s linear infinite;-webkit-animation-delay: 0.33333333333333337s;animation-delay: 0.33333333333333337s;}
.uil-default-css > div:nth-of-type(12){-webkit-animation: uil-default-anim 1s linear infinite;animation: uil-default-anim 1s linear infinite;-webkit-animation-delay: 0.41666666666666663s;animation-delay: 0.41666666666666663s;}


.mce-tinymce {
	border: 2px solid #bdc3c7;
    border-radius: 6px;
}

.stop-scrolling {
	height: 100%;
	overflow: hidden;
}

.lc-blocklink {
	display: block;
	margin: 5px 0px 5px 0px;
	text-align: center;
}
.lc-loginform .lc-blocklink {
	color: #999;
}
.lc-inlineform-error-hint {
	margin-top: -10px !important;
	background-color: #C0392B;
	color: #fff;
	font-weight: bold;
	text-align: left;
	cursor: pointer;
}
.lc-inlineform-error-hint .arrow {
	top: -10px !important;
	left: 12px !important;
}
.lc-inlineform-error-hint .arrow:after {
	border-bottom-color: #C0392B !important;
}


@-webkit-keyframes DISABLED-BUTTON-LOADING {
	0% { background-position: 0px 0px; }
	100% { background-position: -28px 0px; }
}
.inlineform .btn-primary:disabled, .inlineform .btn-file.disabled { 
	-webkit-animation: DISABLED-BUTTON-LOADING 2s infinite;
	animation-timing-function: linear;
	
	background: #bbb repeating-linear-gradient(
		45deg,
		rgba(255, 255, 255, 0),
		rgba(255, 255, 255, 0) 10px,
		rgba(255, 255, 255, 0.2) 10px,
		rgba(255, 255, 255, 0.2) 20px
	);
	background-size: 2800px auto;
}

.loopcms-imagefileinput {
	border: 0px;
	padding: 0px;
	margin: 0px;
}
.loopcms-imagefileinput tr td {
	vertical-align: top;
}

.lc-forms-btnfile {
	display: inline-block;
	width: 100%;
	height: 60px;
	padding: 20px 15px !important;
}

.lc-forms-existingfile {
	width: 70%;	
	background-position: top left;
	background-repeat: no-repeat;
	color: #7F8C8D;
	margin-top: 0px;
	padding-left: 10px;
}
.lc-forms-existingfile img {
	float: left;
	width: 60px;
	height: 60px;
	margin-right: 10px;
	border: 1px solid #ccc;
}
.lc-forms-languagespacer {
	line-height: 60px;
	font-size: 20px;
	text-align: center;
	color: #fff;
	background-color: #D35400;
}

.lc-forms-imageresizebox {
	display: none;
	position: relative;
	background: #fff;
	width: 60px;
	height: 60px;
	border: 1px solid transparent;
	opacity: 0.5;
    transition: all 0.5s ease-in-out;
}
.lc-forms-imageresizebox:HOVER {
	border: 1px solid #ddd;
    transition: all 0.5s ease-in-out;
	opacity: 1;
}

.lc-forms-imageresizebox a {
	position: absolute;
	display: block;
	border: 1px solid #ddd;
	background: #fff;
	background-position: center center;
	background-repeat: no-repeat;
	text-decoration: none;
}
.lc-forms-imageresizebox a.selected {
	border-color: #B8FF71;
	background-color: #DFFFBF;
	text-decoration: none;
}
.lc-forms-imageresizebox a:HOVER {
	border-color: #777;
	background-color: #ddd;
	text-decoration: none;
}
.lc-forms-imageresizebox a.c {
	width: 30px; height: 30px;
	top: 15px; left: 15px;
	background-image: url(/images/admin/imageresizebox-c.png);
}
.lc-forms-imageresizebox a.tl {
	width: 18px; height: 18px;
	top: 3px; left: 3px;
	background-image: url(/images/admin/imageresizebox-tl.png);
}
.lc-forms-imageresizebox a.br {
	width: 18px; height: 18px;
	bottom: 3px; right: 3px;
	background-image: url(/images/admin/imageresizebox-br.png);
}


.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
	font-size: 12px;
}
.ui-dialog, label {
	font-size: 12px;
}

/* bootstrap changes */
.btn {
	color: #fff !important;
	font-weight: normal;
	text-decoration: none;
}
.form-group {
	margin-bottom: 10px;
}
.form-control.vld_required, .input-group-addon.vld_required {
	border-color: #F39C12;
}
.input-group-addon.vld_required {
	background-color: #F39C12;
}
.lc-forms-spacer {
	height: 1px; background-color: #fcfcfc;
	margin: 10px 0px 10px 0px;
}


/* Jquery UI customisation classes */
.lc-dialog-content {
	position: relative;
	padding-left: 15px !important;
	padding-right: 15px !important;
	padding-bottom: 15px !important;
	border-color: #ddd;
}
.ui-dialog {
    /*transition: top 0.5s ease-in-out;*/
    /*transition: left 0.5s ease-in-out;*/
	min-width: 350px;
	-webkit-box-shadow: 0px 0px 10px 10px rgba(120,120,120,0.4);
	-moz-box-shadow: 0px 0px 10px 10px rgba(120,120,120,0.4);
	box-shadow: 0px 0px 10px 10px rgba(120,120,120,0.4);
	border-color: #eee;
	border-radius: 6px;
	
	z-index: 20001 !important;
}
.ui-dialog p {
	font-size: inherit;
}
.ui-widget-header {
	border: 0px;
	background: transparent;
	color: #16A085;
}
.ui-dialog-titlebar {
	padding-left: 15px !important;
	padding-right: 15px !important;
	line-height: 35px;
}
.ui-dialog-titlebar span {
	font-size: 17px;
	font-weight: normal;
}
.ui-dialog .ui-dialog-titlebar-close {
	right: 15px;
	top: 23px;
	border: 0px;
	background: transparent;
	color: #16A085;
}
.ui-button {
	padding: 5px;
}



.inlineform * {
	border-radius: 0px;
}
.contactform input, .contactform textarea {
	border-color: #ccc !important;
}
.contactform button {
	background-color: #666 !important;
}




:HOVER.notransition, .notransition {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  -ms-transition: none !important;
  transition: none !important;
}

*  { border-radius: 0px !important; }


.form-control, .input-group-addon {
	border-width: 1px;
	border-color: #6EAAD2;
}
.input-group-addon {
	background-color: #6EAAD2;
}