/* reset ---------------------------------------------------------------------------------------- */

/* http://meyerweb.com/eric/tools/css/reset/
   v2.0b1 | 201101
   NOTE: WORK IN PROGRESS
   USE WITH CAUTION AND TEST WITH ABANDON 
	reset reset: http://noscope.com/vanilla-css/
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
strong {
	font-weight: bold;
}
em {
	font-style: italic;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define visible focus styles!
:focus {
	outline: ?????;
} */

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* End of reset */

/* clearfix */

.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: block; zoom: 1; }

/* apply a natural box layout model to all elements 
*, *:before, *:after {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}*/
html {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
  box-sizing: border-box;
}
*, *:before, *:after {
	-moz-box-sizing: inherit;
	-webkit-box-sizing: inherit;
  box-sizing: inherit;
}

/* Page css ------------------------------------------------------------------------------------- */


body
{
	background-color: #e60000;
	height: 100%;
}

.page-wrapper
{
	font-size: 24px;
	font-weight: normal;
	font-family: 'Source Sans Pro', 'Arial', 'Helvetica Neue', 'Helvetica', 'Sans serif';
	color: #fff;
}

.logo-wrapper
{
	position: absolute;
	top: 60px;
	left: 0;
	width: 100%;
	z-index: 1000;
	height: 300px;
	text-align: center;
	background: none !important;
	filter: none !important;
}

div.logo
{
	width: 40%;
	height: 40%;
	max-width: 300px;
	margin: 0 auto;
	position: relative;
}
div.logo img
{
	max-width: 300px;
	width: 100%;
	cursor: pointer;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 1;
	transition: opacity 0.4s ease-in;
	-moz-transition: opacity 0.4s ease-in;
	-webkit-transition: opacity 0.4s ease-in;
	-o-transition: opacity 0.4s ease-in;
}
.logo img.logo:hover
{
	opacity: .0;
	transition: opacity 0.4s ease-out;
	-moz-transition: opacity 0.4s ease-out;
	-webkit-transition: opacity 0.4s ease-out;
	-o-transition: opacity 0.4s ease-out;
}


/* Navigation ----------------------------------------------------------------------------------- */
/* http://www.queness.com/resources/html/responsive-navigation/index.html */


nav.mainnav
{
	width: 100%;
	font-size: 16px;
	line-height: 40px;
	height: 40px;
	position: fixed;
	top: 0;
	z-index: 1001;
	/*
	-moz-opacity: 0.5;
	opacity: 0.5;
	filter: alpha(opacity=50);	*/
	
	-webkit-box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.3);
}
nav.mainnav:hover
{
	opacity: 1;
	-moz-opacity: 1;
	/*filter: alpha(opacity=100);	*/
}
nav.mainnav ul
{
	padding: 0;
	margin: 0;
	height: 40px;
	float: right;
	display:table;
	position: relative;
}
nav.mainnav li
{
	display: inline;
	float: left;
	font-size: 16px;
	height: 40px;
}
nav.mainnav a
{
	height: 40px;
	color: #fff;
	display: inline-block;
	text-align: center;
	text-decoration: none;
	padding: 0 15px;
	font-size: 16px;
}
nav.mainnav a:hover
{
	background: #e60000;
}
nav.mainnav a#pull
{
	font-size: 18px;
	font-weight: bold;
	display: none;
	text-transform: uppercase;
	width: auto;
}
nav.mainnav a#home
{
	float: left;
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
	font-weight: bold;
}


/* Special classes ------------------------------------------------------------------------------ */


.bggradient
{
	background-color: #e60000;
	background: rgb(230,0,0); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(230,0,0,1) 0%, rgba(179,0,0,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(230,0,0,1)), color-stop(100%,rgba(179,0,0,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(230,0,0,1) 0%,rgba(179,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(230,0,0,1) 0%,rgba(179,0,0,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(230,0,0,1) 0%,rgba(179,0,0,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(230,0,0,1) 0%,rgba(179,0,0,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e60000', endColorstr='#b30000',GradientType=0 ); /* IE6-9 */
}

a.extern
{
	padding-left: 14px;
	background: url('link-ext.gif') left center no-repeat;
}

.paddingtop
{
	padding-top: 3.0em;
}

.paddingbottom
{
	padding-bottom: 3.0em;
}


/* Headlines ------------------------------------------------------------------------------------ */


.textile h1,
.textile h2,
.textile h3,
.textile h4,
.textile h5,
.textile h6
{
	color: #fff;
	font-family: 'Oswald', 'Source Sans Pro', 'Arial', 'Helvetica Neue', 'Helvetica', 'Sans serif';
	line-height: 1.5em;
	margin-bottom: 0.5em;
	text-shadow: 3px 3px 9px rgba(0,0,0,0.7);
}
.textile h1:last-of-type,
.textile h2:last-of-type,
.textile h3:last-of-type,
.textile h4:last-of-type,
.textile h5:last-of-type,
.textile h6:last-of-type
{
}

.textile h1 { font-size: 1.7em; }
.textile h2 { font-size: 1.6em; }
.textile h3 { font-size: 1.5em; }
.textile h4 { font-size: 1.4em; }
.textile h5 { font-size: 1.3em; }
.textile h6 { font-size: 1.2em; }

.darktext h1,
.darktext h2,
.darktext h3,
.darktext h4,
.darktext h5,
.darktext h6
{
	color: #222;
}


/* Links ---------------------------------------------------------------------------------------- */


.textile a
{
	color: #fff;
}

.darktext a
{
	color: #222;
}
	
div.content a:hover
{
	background-color: #fff;
	color: #000;
	text-decoration: none;
}

div.darktext a:hover
{
	background-color: #fff;
	color: #000;
	text-decoration: none;
}


/* Section Styling ------------------------------------------------------------------------------ */


section
{
	background-color: #e60000;
	background-position: center center;	
	xoverflow: hidden;
}

section.stretch
{
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
}

section.content
{
	width: 100%;
	display: block;
	position: relative;
	line-height: 1.5em;
}

div.content
{
	position: relative;
xborder:solid 1px orange;
	width: 90%;
	max-width: 960px;
	margin: 0 auto;
	position: relative;
	xoverflow: hidden;
}


/* Textile content ------------------------------------------------------------------------------ */


div.textile
{
xborder:solid 1px white;
xbackground: green;
	margin-bottom: 3.0em;
}
div.content div.textile:last-of-type
{
	margin-bottom: 0px;
}

div.textileimage div.text,
div.textile2cols div.text
{
xbackground: orange;
	float: left;
	width: 50%;
}

div.textileimage div.textleft,
div.textile2cols div.textleft
{
	padding-right: 1.0em;
}

div.textileimage div.textright,
div.textile2cols div.textright
{
	padding-left: 1.0em;
}

div.textile div.image
{
xbackground: magenta;
	float: left;
	width: 50%;
	text-align: center !important;
	overflow: hidden;
	max-height: 400px;
}

div.textile p
{
xborder:solid 1px blue;
	margin-bottom: 1.0em;
}
div.textile p:last-of-type
{
	margin-bottom: 0;
}

div.textile strong
{
	font-size: 1.1em;
	font-weight: bold;
}
div.textile em
{
	font-size: 1.1em;
	margin-right: 0.25em;
}

.darktext
{
	color: #222;
}


/* circular image ------------------------------------------------------------------------------------- */


div.circular-image
{
	display: inline-block;
	xmargin: 0 auto !important;
	xbackground: blue;
	xtext-align:center;
	overflow: hidden;
}
div.circular-image img
{
xdisplay: block;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	width: 100%;
	max-width: 400px;
xheight: 100%;
}

div.cycle-slideshow img
{
	display: none
}
div.cycle-slideshow img.first
{
	display: block
}


/* Popup ------------------------------------------------------------------------------------- */


.popup-wrapper
{
	margin-top: 2.0em;
	margin-bottom: 2.0em;
	font-size: 24px;
	font-weight: normal;
	font-family: 'Source Sans Pro', 'Arial', 'Helvetica Neue', 'Helvetica', 'Sans serif';
	color: #fff;
}
.popup-wrapper section
{
	width:90% !important;
	max-width: 960px;
	margin:0 auto;
}
/*
div.mfp-popup .mfp-close
{
   position: fixed;
    right: 22px;
  top: 0px;
}
*/

/* Counter -------------------------------------------------------------------------------------- */


div.counter
{
	position: relative;
	float: right;
	margin-top: -250px;
	margin-right: 25px;
	width: 173px;
	height: 173px;
	background:  url('counter.png') no-repeat;
	-moz-transform:rotate(15deg);
	-webkit-transform:rotate(15deg);
	-o-transform:rotate(15deg);
	-ms-transform:rotate(15deg);
	transform:rotate(15deg);
}
div.counter a
{
	position: absolute;
	top: 52px;
	left: 43px;
	line-height:0;
	xborder:solid 1px red;
}
div.counter a:hover
{
	background:none;
}

/* Top-link ------------------------------------------------------------------------------------- */


.cd-top
{
	height: 40px;
	width: 40px;
	position: fixed;
	bottom: 30px;
	right: 30px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	background: url('totop.png') no-repeat left top;
	z-index: 1000;
	font-size: 0px;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: visibility 0s 0.4s, opacity 0.4s linear;
	-moz-transition: visibility 0s 0.4s, opacity 0.4s linear;
	-ms-transition: visibility 0s 0.4s, opacity 0.4s linear;
	-o-transition: visibility 0s 0.4s, opacity 0.4s linear;
	transition: visibility 0s 0.4s, opacity 0.4s linear;
}
.cd-top.cd-is-visible
{
	visibility: visible;
	opacity: 1;
	-webkit-transition: opacity 0.4s linear;
	-moz-transition: opacity 0.4s linear;
	-ms-transition: opacity 0.4s linear;
	-o-transition: opacity 0.4s linear;
	transition: opacity 0.4s linear; 
}
.cd-top.cd-fade-out
{
	opacity: 0.7;
}
.no-touch .cd-top:hover
{
	background: url('totop.png') no-repeat left -40px;
	opacity: 1;
}

		
/* Google Map ----------------------------------------------------------------------------------- */


.map_canvas
{
	color: #333;
	line-height: 0.9em;
	position:relative;
}
#googelmapsroutenplaner a.extmap
{
	padding: 10px;
	background-color: rgba(255,255,255,0.6);
	font-size: 12px;
	line-height: 12px;
	text-decoration: none;
	font-weight: bold;
	color: #e60000;
	position: absolute;
	right: 120px;
	top: 0px;
}
#googelmapsroutenplaner a.extmap:hover
{
	background-color: rgba(230,0,0,1.0);
	color:#fff;
}


/* Formular ------------------------------------------------------------------------------------- */


.rex-xform p 
{
	width: 100%;
	margin-bottom: 0.5em;
}
.rex-xform label
{
	width: 100%;
	display: none;
	font-size: 0.9em;
}
.rex-xform input,
.rex-xform textarea
{
	font-size: 1.0em;
	width: 100%;
	padding: 5px 5px 5px 50px;
	font-family: 'Source Sans Pro', 'Arial', 'Helvetica Neue', 'Helvetica', 'Sans serif';
	border: solid 3px #ddd;
}
.rex-xform textarea
{
	height: 200px;
	padding: 5px 5px 5px 50px;
}
.rex-xform input:focus,
.rex-xform textarea:focus
{
	border: solid 3px #333;
	-webkit-appearance: none;
	outline: none;		
}

.formlabel-name input
{
	background: url('form_contact.png') #fff left center no-repeat;
}

.formlabel-email input
{
	background: url('form_mail.png') #fff left center no-repeat;
}

.formlabel-telefon input
{
	background: url('form_telephone.png') #fff left center no-repeat;
}

.formtextarea textarea
{
	background: url('form_edit.png') #fff top left no-repeat;
}

p.formsubmit  input[type="submit"]
{
	padding: 8px 0px 8px 0px;
	background-color: #ddd;
	color: #e60000;
	font-weight: bold;
	border: 0;
}
p.formsubmit  input[type="submit"]:hover
{
	background-color: #e60000;
	color: #fff;
}



	/* Warning yyyyyyyyyy */
	
	input.form_warning,
	select.form_warning,
	textarea.form_warning
	{
		border: solid 3px #e60000;
		-webkit-appearance: none;
		outline: none;	
	}

	ul.form_warning
	{
		background: #fae6e6 url('error.png') 0.75em 0.75em no-repeat;
		padding: 10px 10px 10px 50px;
		border :solid 3px #e60000;
		color: #e60000;
		font-weight: bold;
		margin:10px 0 2.0em 0;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		font-size:0.8em;
		line-height:1.2em;
		list-style-type:disc;
	}
	
ul.form_warning li {
margin:0 1.5em;
}

 
	/*#rex-xform ul.form_warning  li,
	#content ul.form_warning li
	{
		list-style: none;
		background: none;
		margin: 0;
		padding: 0 0px;
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		border-radius: 6px;
	}*/

	
	 label.form_warning {
		color: #cc0000;
		font-weight: bold;
	}
	
/* info-box */
	div.rex-info
	{
		background: #e6f0e6 url('information.png') 0.75em 0.75em no-repeat;
		padding: 10px 10px 10px 50px;
		border: solid 3px #060;
		color: #060;
		font-weight: bold;
		xmargin-bottom: 20px;
		margin-right: 0px;
		margin-left: 0px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		font-size:0.8em;
		line-height:1.2em;
	}
	div.rex-info p:last-child
	{
		margin-bottom:0 !important;
	}


	
/* Galerien-Übersicht --------------------------------------------------------------------------- */


.sfgallist
{
	position: relative;
	width: 100%;
}

.sfgalentry
{
	margin-bottom: 1.0em;
	position: relative;
	width: 47%;
	float: left;
	height: 100px;
	xmargin-left: 30px;
	/*background-position: top left;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;*/
	xbackground: url('sfgalentry.jpg');
	overflow:hidden;
}
.sfgalentry:nth-child(2n)
{
	float: right;
}
.sfgalentry:hover
{
	/*background-position: bottom right;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;*/
}
.sfgalentry:last-of-type
{
	margin-bottom: 0;
}

.sfgalentry a
{
	xborder: solid 6px #60ac10;
	xpadding: 15px;
	display: block;
	text-decoration: none;
	height: 100px;
	width: 100%;
	background-color: none !important;
	xbackground: rgba(0,0,0,0.6) !important;
	cursor: pointer;
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in;
	cursor: zoom-in;	
}
		
.sfgalentry a:hover
{
	background-color: #000 !important;
/*	background: rgba(0,0,0,0.4) !important;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;		*/	
	color: #fff !important;
}
.sfgalentry a  img
{
	xposition:absolute;
	margin-top:0px;
	margin-left:0px;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
		-moz-opacity: 1.0;
	opacity: 1.0;
	filter: alpha(opacity=100);		
}
.sfgalentry a:hover img
{
	margin-top:-100px;
	margin-left:-90px;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	xleft:auto;
		-moz-opacity: 0.6 !important;
	opacity: 0.6 !important;
	filter: alpha(opacity=60) !important;		
}
.sfgalentry a:hover h6
{
	font-size:1.5em;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
.sfgalentry  h6
{
	position:absolute;
	top:15px;
	left:15px;
	line-height: 1.1em;
	
	font-size:auto;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
		
.sfgalentry span
{
	font-size: 0.8em;
	position: absolute;
	bottom: 0;
	right: 15px;
}






	

/* xxx --------------------------------------------------------------------------- */



 













/* xxx --------------------------------------------------------------------------- */



		#imagelightbox
		{
			cursor: pointer;
			position: fixed;
			z-index: 10000;

			-ms-touch-action: none;
			touch-action: none;

			-webkit-box-shadow: 0 0 3.125em rgba( 0, 0, 0, .75 ); /* 50 */
			-moz-box-shadow: 0 0 3.125em rgba( 0, 0, 0, .75 ); /* 50 */
			box-shadow: 0 0 3.125em rgba( 0, 0, 0, .75 ); /* 50 */
		}


		/* WITH ACTIVITY INDICATION */

		#imagelightbox-loading,
		#imagelightbox-loading div
		{
			-webkit-border-radius: 50%;
			-moz-border-radius: 50%;
			border-radius: 50%;
		}
		#imagelightbox-loading
		{
			width: 2.5em; /* 40 */
			height: 2.5em; /* 40 */
			background-color: #ff;
			background-color: rgba( 255, 255, 255, .5 );
			position: fixed;
			z-index: 10003;
			top: 50%;
			left: 50%;
			padding: 0.625em; /* 10 */
			margin: -1.25em 0 0 -1.25em; /* 20 */

			-webkit-box-shadow: 0 0 2.5em rgba( 0, 0, 0, .75 ); /* 40 */
			-moz-box-shadow: 0 0 2.5em rgba( 0, 0, 0, .75 ); /* 40 */
			box-shadow: 0 0 2.5em rgba( 0, 0, 0, .75 ); /* 40 */
		}
			#imagelightbox-loading div
			{
				width: 1.25em; /* 20 */
				height: 1.25em; /* 20 */
				background-color: #fff;

				-webkit-animation: imagelightbox-loading .5s ease infinite;
				-moz-animation: imagelightbox-loading .5s ease infinite;
				-o-animation: imagelightbox-loading .5s ease infinite;
				animation: imagelightbox-loading .5s ease infinite;
			}

			@-webkit-keyframes imagelightbox-loading
			{
				from { opacity: .5;	-webkit-transform: scale( .75 ); }
				50%	 { opacity: 1;	-webkit-transform: scale( 1 ); }
				to	 { opacity: .5;	-webkit-transform: scale( .75 ); }
			}
			@-moz-keyframes imagelightbox-loading
			{
				from { opacity: .5;	-moz-transform: scale( .75 ); }
				50%	 { opacity: 1;	-moz-transform: scale( 1 ); }
				to	 { opacity: .5;	-moz-transform: scale( .75 ); }
			}
			@-o-keyframes imagelightbox-loading
			{
				from { opacity: .5;	-o-transform: scale( .75 ); }
				50%	 { opacity: 1;	-o-transform: scale( 1 ); }
				to	 { opacity: .5;	-o-transform: scale( .75 ); }
			}
			@keyframes imagelightbox-loading
			{
				from { opacity: .5;	transform: scale( .75 ); }
				50%	 { opacity: 1;	transform: scale( 1 ); }
				to	 { opacity: .5;	transform: scale( .75 ); }
			}



		/* WITH OVERLAY */

		#imagelightbox-overlay
		{
			background-color: #000;
			background-color: rgba( 0, 0, 0, .8 );
			position: fixed;
			z-index: 9998;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
		}


		/* WITH "CLOSE" BUTTON */

		#imagelightbox-close
		{
			width: 40px; /* 40 */
			height: 40px; /* 40 */
			text-align: left;
			text-indent: -9999px;
			background-color: #666;
			position: fixed;
			z-index: 10002;
			top: 30px; /* 40 */
			right: 30px; /* 40 */

			-webkit-border-radius: 50%;
			-moz-border-radius: 50%;
			border-radius: 50%;

			-webkit-transition: color .3s ease;
			-moz-transition: color .3s ease;
			-ms-transition: color .3s ease;
			-o-transition: color .3s ease;
			transition: color .3s ease;
		}
			#imagelightbox-close:hover
			{
				background-color: #e60000;
			}
			#imagelightbox-close:before,
			#imagelightbox-close:after
			{
				width: 2px;
				background-color: #fff;
				content: '';
				position: absolute;
				top: 20%;
				bottom: 20%;
				left: 50%;
				margin-left: -1px;
			}
			#imagelightbox-close:before
			{
				-webkit-transform: rotate( 45deg );
				-moz-transform: rotate( 45deg );
				-ms-transform: rotate( 45deg );
				-o-transform: rotate( 45deg );
				transform: rotate( 45deg );
			}
			#imagelightbox-close:after
			{
				-webkit-transform: rotate( -45deg );
				-moz-transform: rotate( -45deg );
				-ms-transform: rotate( -45deg );
				-o-transform: rotate( -45deg );
				transform: rotate( -45deg );
			}


		/* WITH CAPTION */

		#imagelightbox-caption
		{
		font-family: 'Source Sans Pro', 'Arial', 'Helvetica Neue', 'Helvetica', 'Sans serif';
			text-align: center;
			color: #fff;
			background-color: #000;
			background-color: rgba( 0, 0, 0, .5 ); 
			position: fixed;
			z-index: 10001;
			left: 0;
			right: 0;
			bottom: 0;
			xpadding: 0.5em; /* 10 */
			padding-bottom: 0.5em;
			font-weight:bold;
		}
		#imagelightbox-caption span
		{
		font-weight:normal;
		}

/* ARROWS */

		.imagelightbox-arrow
		{
			width: 3.75em; /* 60 */
			height: 7.5em; /* 120 */
			background-color: #000;
			background-color: rgba( 0, 0, 0, .3 );
			vertical-align: middle;
			display: block;
			position: fixed;
			z-index: 999910001;
			top: 50%;
			margin-top: -3.75em; /* 60 */
			border:0;
			cursor:pointer;
			
				opacity: 0.5;
			transition: opacity 0.2s ease-in;
			-moz-transition: opacity 0.2s ease-in;
			-webkit-transition: opacity 0.2s ease-in;
			-o-transition: opacity 0.2s ease-in;
		}
		.imagelightbox-arrow:hover,
		.imagelightbox-arrow:focus
		{
			opacity: 1.0;
			background-color: #000;
			background-color: rgba( 0, 0, 0, .75 );
		}
		.imagelightbox-arrow:active
		{
			background-color: #000;
		}
			.imagelightbox-arrow-left
			{
				left: 2.5em; /* 40 */
			}
			.imagelightbox-arrow-right
			{
				right: 2.5em; /* 40 */
			}
			.imagelightbox-arrow:before
			{
				width: 0;
				height: 0;
				border: 1em solid transparent;
				content: '';
				display: inline-block;
				margin-bottom: -0.125em; /* 2 */
			}
				.imagelightbox-arrow-left:before
				{
					border-left: none;
					border-right-color: #fff;
					margin-left: -0.313em; /* 5 */
				}
				.imagelightbox-arrow-right:before
				{
					border-right: none;
					border-left-color: #fff;
					margin-right: -0.313em; /* 5 */
				}
				
				
				
				
				
				
				
				
		#imagelightbox-loading,
		#imagelightbox-overlay,
		#imagelightbox-close,
		#imagelightbox-caption,
		#imagelightbox-nav,
		.imagelightbox-arrow
		{
			-webkit-animation: fade-in .25s linear;
			animation: fade-in .25s linear;
		}
			@-webkit-keyframes fade-in
			{
				from	{ opacity: 0; }
				to		{ opacity: 1; }
			}
			@keyframes fade-in
			{
				from	{ opacity: 0; }
				to		{ opacity: 1; }
			}

		@media only screen and (max-width: 41.250em) /* 660 */
		{
			#container
			{
				width: 100%;
			}
			#imagelightbox-close
			{
				top: 1.25em; /* 20 */
				right: 1.25em; /* 20 */
			}
			#imagelightbox-nav
			{
				bottom: 1.25em; /* 20 */
			}

			.imagelightbox-arrow
			{
				width: 2.5em; /* 40 */
				height: 3.75em; /* 60 */
				margin-top: -2.75em; /* 30 */
			}
			.imagelightbox-arrow-left
			{
				left: 1.25em; /* 20 */
			}
			.imagelightbox-arrow-right
			{
				right: 1.25em; /* 20 */
			}
		}

		@media only screen and (max-width: 20em) /* 320 */
		{
			.imagelightbox-arrow-left
			{
				left: 0;
			}
			.imagelightbox-arrow-right
			{
				right: 0;
			}
		}
	
	
	
	
	
	
	
	
	
	
	
	
	
div .galthumbs{
margin: 0 auto;
xborder:solid 1px white;
text-align:center;
xpadding-left:10px;
}	
div.galthumbs a{
position:relative;
font-size:0px;
xborder:solid 1px red;
width: 200px;
height: 200px;
display:inline-block;
overflow:hidden;

margin-left:10px;
margin-bottom:7px;
}
div.galthumbs a:hover{
background:none;
}
	
.galthumbs img
					{
				 
	cursor: pointer;
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in;
	cursor: zoom-in;	
						width: 200px;
						height: 200px;

						
    -webkit-transition: all 0.3s ease; /* Safari and Chrome */
    -moz-transition: all 0.3s ease; /* Firefox */
    -ms-transition: all 0.3s ease; /* IE 9 */
    -o-transition: all 0.3s ease; /* Opera */
    transition: all 0.3s ease;

/*						-webkit-box-shadow: 0 0 3px rgba( 0, 0, 0, .5 );  
						-moz-box-shadow: 0 0 3px rgba( 0, 0, 0, .5 );  
						box-shadow: 0 0 3px rgba( 0, 0, 0, .5 );  

						-webkit-transition: -webkit-box-shadow .3s ease, border-color .1s ease;
						-moz-transition: -moz-box-shadow .3s ease, border-color .1s ease;
						-ms-transition: -ms-box-shadow .3s ease, border-color .1s ease;
						-o-transition: -o-box-shadow .3s ease, border-color .1s ease;
						transition: box-shadow .3s ease, border-color .1s ease;
					*/
					}
						.galthumbs img:hover
						{

							-moz-opacity: 0.6 !important;
						opacity: 0.6 !important;
						filter: alpha(opacity=60) !important;							
							
						}
						
@media (max-width: 800px) {
		.galthumbs img{
			xborder: 10px solid transparent;
		}
			.galthumbs img:hover
						{
							/*border-color: transparent;

							-webkit-box-shadow: none;
							-moz-box-shadow: none;
							box-shadow: none;*/
						}	
}			
						
img.lazy
{
	opacity: 0.5;
	transition: opacity 0.4s ease-in;
	-moz-transition: opacity 0.4s ease-in;
	-webkit-transition: opacity 0.4s ease-in;
	-o-transition: opacity 0.4s ease-in;
}						
						
						
						
						
						
						
						
.loader {position: absolute;
xmargin: -2.875em 0 0 -2.875em;
			position: fixed;
			z-index: 999999;
			top: 50%;
			left: 50%;
}			
						
					/*	
						
.loader {
  width: 1em;
  height: 1em;
  font-size: 80px;
  position: absolute;
 margin: -0.5em 0 0 -0.5em;
			position: fixed;
			z-index: 999999;
			top: 50%;
			left: 50%;
		
}
@media (max-width: 640px) {
  .loader {
    font-size: 50px;
  }
}
.loader:before, .loader:after {
  content: "";
  top: 0;
  display: block;
  width: 1em;
  height: 1em;
  position: absolute;
  border-width: 0.5em;
  border-style: double;
  border-color: transparent;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 1em;
  -webkit-animation: loaderspin 1s infinite;
  animation: loaderspin 1s infinite;
}
.loader:after {
  left: 0;
  border-left-color: #fff;

}
.loader:before {
  right: 0;
  border-right-color: #fff;
  -webkit-animation-delay: -0.25s;
  animation-delay: -0.25s;

}

@-webkit-keyframes loaderspin {
  from {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes loaderspin {
  from {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}		

*/

 
.loader {
position: absolute;
margin: -2.875em 0 0 -2.875em;
			position: fixed;
			z-index: 999999;
			top: 50%;
			left: 50%;
  width:  5em;
  height: 5em;
  border-top:    0.75em solid #e60000;
  border-left:   0.75em solid #90ce00;
  border-right:  0.75em solid #0066a8;
  border-bottom: 0.75em solid #febf00;
  
  
xborder-top:    0.75em solid #FF4136;
xborder-left:   0.75em solid #2ECC40;
xborder-right:  0.75em solid #0074D9;
xborder-bottom: 0.75em solid #FF851B;
  
  border-radius: 50%;
}

.loader {
  -webkit-animation: spin 2s infinite linear;
  -moz-animation:    spin 2s infinite linear;
  -o-animation:      spin 2s infinite linear;
  animation:         spin 2s infinite linear;
}

@-webkit-keyframes spin {
  100% { -webkit-transform: rotate(360deg);}
}

@-moz-keyframes spin {
  100% { -moz-transform: rotate(360deg); }
}

@-o-keyframes spin {
  100% { -o-transform: rotate(360deg); }
}
@keyframes spin {
  100% { transform: rotate(360deg);   }
}