/* Remove margin, padding and border from everything, set font
-----------------------------------------------------------------------------*/
* {
	margin: 0;
	padding: 0;
	border: none;
	background:none;
	outline:0;
	background-repeat:no-repeat;
}

/* Styles for layout
-----------------------------------------------------------------------------*/

.clear {clear:both;}

/* Set up the document
-----------------------------------------------------------------------------*/
html {
	overflow-y:scroll;
}

body {
	background:#CCC;
	color:#000;
	margin-top:20px;
	text-align:center;
}

body, input, textarea {
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:13px;
	line-height:20px;
}

/* Typography
-----------------------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6 {
	font-size:13px;
}

p, ul, ol, dl {
	margin-bottom:17px;
}

ul, ol, dl {
	margin-left:20px;
}

a {
	text-decoration:none;
	color:#000;
}

.red { color:red; }
.green { color:green; }

/* Elements
-----------------------------------------------------------------------------*/
#site_container {
	width:902px;
	margin:0 auto;
	text-align:left;
}
#wrapper, #galerie_wrapper {
	width: 900px;
	height:660px;
	background-color:#FFF;
	position:absolute;
}
#wrapper {
	z-index:10;
}
#galerie_wrapper {
	z-index:20;
}

#header {
	width:900px;
	height:240px;
}
#galerie_header {
	height:59px;
	padding-top:21px;
}

#emo {
	width:900px;
	height:160px;
	overflow:hidden;
}
#sub_header {
	width:900px;
	height:70px;
	padding:10px 0 0 0;
}
#logo, #galerie_logo {
	width:198px;
	height:38px;
	position:absolute;
	margin-left:189px;
}
#logo {
	padding-top:10px;
}
#galerie_closer {
	display:block;
	width:12px;
	height:11px;
	position:absolute;
	margin-left:866px;
	cursor:pointer;
	background-image:url(../img/closer.gif);
}

#emo_txt {
	width:480px;
	height:17px;
	font-size:10px;
	text-align:right;
	padding:3px 20px 0 0;
	float:right;
}
#navi, #galerie_navi {
	width:900px;
	height:29px;
	border:1px solid #000;
	border-width:1px 0;
}

#main_navi, #galerie_main_navi {
	width:auto;
	padding:5px 20px 5px 20px;
	border-width:0;
	border-style:solid;
	border-color:#000;
}
#sub_navi, #galerie_sub_navi {
	width:auto;
	padding:5px 0 5px 20px;
}
#main_navi, #galerie_main_navi, #sub_navi, #galerie_sub_navi {
	height:19px;
	float:left;
}

#main_navi a, #galerie_main_navi a, #sub_navi a, #galerie_sub_navi a {
	text-transform:uppercase;
	line-height:19px;
}
#main_navi a:hover, #galerie_main_navi a:hover, 
#main_navi a.on, #galerie_main_navi a.on, 
#sub_navi a:hover, #galerie_sub_navi a:hover,
#sub_navi a.on, #galerie_sub_navi a.on {
	color:#7e35a4;
}
#main_navi a, #galerie_main_navi a {
	font-weight:700;
}

#main {
	padding:29px 0 39px 0;
	width:900px;
	overflow:hidden;
}
#galerie_main {
	width:900px;
	height:549px;
	background-position:bottom left;
}

#galerie_go_left,
#galerie2_go_left,
#galerie_go_right,
#galerie2_go_right {
	width:9px;
	height:15px;
	position:absolute;
	background-image:url(../img/hscroller.gif);
	background-color:#FFF;
	cursor:pointer;
	border:3px solid #FFF;
}
#galerie_go_left {
	margin:490px 0 0 20px;
}
#galerie2_go_left {
	top:35px;left:20px;
}
#galerie_go_right {
	margin:490px 0 0 871px;
	background-position:-9px 0;
}
#galerie2_go_right {
	top:35px;
	left:871px;
	background-position:-9px 0;
}

#galerie2_main {
	overflow:hidden;
	height:550px;
	width:900px;
	position:relative;
}
#galerie_wrapper #galerie2_container {
	position:relative;
	height:550px;
	top:0;
	left:0;
}
#galerie_wrapper #galerie2_container a.img {
	display:block;
	position:absolute;
}

#content_left {
	width:290px;
	height:281px;
	float:left;
	text-align:right;
}
#content_pic {
	width:290px;
	height:230px;
}
#content_links {
	width:290px;
	height:41px;
	font-size:10px;
	line-height:17px;
}
#content_links a:hover {
	text-decoration:underline;
}

#content_right a {
	text-decoration:underline;
}
#content_right a:hover {
	text-decoration:none;
}

#content_pic a {
	text-decoration:underline;
}
#content_pic a:hover {
	text-decoration:none;
}

#content_right {
	width:545px;
	height:281px;
	overflow:auto;
	float:right;
	padding:0 30px 0 15px;
	margin-right:20px;
}
#content_right h1 {
	text-transform:uppercase;
}
#content_right hr {
	margin:10px 1px;
	border-bottom:1px solid #333;
}
#clear {
	clear:both;
	height:0;
}

/* Forms
-----------------------------------------------------------------------------*/
input.text {
	width:196px;
	height:16px;
	padding:1px;
	border:1px solid #333;
	margin-bottom:1px;
	line-height:16px;
}
textarea {
	width:196px;
	height:96px;
	padding:1px;
	border:1px solid #333;
	margin-bottom:1px;
	line-height:16px;
}

input.submit {
	width:auto;
	height:20px;
	background-color:#ECECEC;
	border:1px solid #000;
	padding:0 5px;
}

/* Gallery
-----------------------------------------------------------------------------*/
#JSGallery {
	width:880px;
	margin-top:80px;
	padding:0px 10px 10px 10px;
	position:absolute;
}

#JSGallery .leftImg,#JSGallery .middleImg {
	float:left;
}

#JSGallery .rightImg {
	float:right;
}

#JSGallery .margin1 {
	margin-top:0px;
}

#JSGallery .margin2 {
	margin-top:15px;
}

#JSGallery .margin3 {
	margin-top:30px;
}

#galerie_main.left_design {
	background-image:url(../img/galerie_bg_1.gif);
}

.left_design #JSGallery {
	width:670px;
	padding-left:215px;
	padding-right:5px;
}

#galerie_main.right_design {
	background-image:url(../img/galerie_bg_2.gif);
}

.right_design #JSGallery {
	width:670px;
	padding-left:5px;
	padding-right:215px;
}

/* Tables
-----------------------------------------------------------------------------*/

table {
  	border-spacing: 0;
	border-collapse: collapse;
}

td, th {
  	text-align: left;
	font-weight: normal;
	text-align:left;
	vertical-align:top;
}


/**
 * jQuery lightBox plugin
 * version 0.5
 */
#jquery-overlay{position:absolute;top:0;left:0;z-index:90;width:100%;height:500px;}#jquery-lightbox{position:absolute;top:0;left:0;width:100%;z-index:100;text-align:center;line-height:0;}#jquery-lightbox a img{border:none;}#lightbox-container-image-box{position:relative;background-color:#fff;width:250px;height:250px;margin:0 auto;}#lightbox-container-image{padding:10px;}#lightbox-loading{position:absolute;top:40%;left:0;height:25%;width:100%;text-align:center;line-height:0;}#lightbox-nav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10;}#lightbox-container-image-box > #lightbox-nav{left:0;}#lightbox-nav a{outline:none;}#lightbox-nav-btnPrev,#lightbox-nav-btnNext{width:49%;height:100%;zoom:1;display:block;}#lightbox-nav-btnPrev{left:0;float:left;}#lightbox-nav-btnNext{right:0;float:right;}#lightbox-container-image-data-box{font:10px Verdana, Helvetica, sans-serif;background-color:#fff;line-height:1.4em;overflow:auto;width:100%;margin:0 auto;padding:0 10px;}#lightbox-container-image-data{color:#666;padding:0 10px;}#lightbox-container-image-data #lightbox-image-details{width:69%;float:left;text-align:left;}#lightbox-image-details-caption{font-weight:700;}#lightbox-image-details-currentNumber{display:block;clear:left;padding-bottom:1em;}#lightbox-secNav-btnClose{float:right;padding-bottom:.7em;}


/* Scroll Bar Master Styling Starts Here */
.scrollgeneric {line-height:1px;font-size:1px;position:absolute;top:0;left:0;}
.vscrollerbase {visibility:visible !important;width:17px;}
.vscrollerbar {
	width:17px;
	padding:10px;
	margin:10px 0;
	z-index:2;
}
.vscrollerbarbeg, .vscrollerbarend {
	width:17px;
	height:20px;
}
.vscrollerbarend {background:0;}
.vscrollerbasebeg {
	background:url(../img/vscroller.gif) 0 0 no-repeat;
	width:17px;
	height:10px !important;
	visibility:hidden;
}
.vscrollerbaseend {
	background:url(../img/vscroller.gif) 0 -10px no-repeat;
	width:17px;
	height:10px;
	visibility:hidden;
}
/* Scroll Bar Master Styling Ends Here */



.popup-overlay {
	position:fixed !important;
	position:absolute;
	z-index:2500;
	top:0;
	right:0;
	bottom:0;
	left:0;
	background-color:#FFF;
	opacity:.75;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
	filter: alpha(opacity=75);

	display:none;
}
.popup-wrapper {
	position:absolute;
	z-index:2510;
	top:45px;
	left:50%;
	margin-left:-436px;
	width:850px;

	text-align:left;
	background-color:#FFF;
	padding:10px;
	border:1px solid #CCC;
	-webkit-box-shadow:0 0 20px rgba(0, 0, 0, 0.45);
	-moz-box-shadow:0 0 20px rgba(0, 0, 0, 0.45);
	box-shadow:0 0 20px rgba(0, 0, 0, 0.45);

	display:none;
}
.popup-close {
	position:absolute;
	top:-25px;
	right:15px;
	color:#333;
	font-size:11px;
	font-weight:700;
	cursor:pointer;
}
.popup-close:hover {
	text-decoration:underline;
}



#content_right .lightbox a{
	text-decoration:none;
}
#content_right .lightbox a.underline{
	text-decoration:underline;
}
#content_right .lightbox a.underline:hover{
	text-decoration:none;;
}


/* 
Florian Schweizer
2018-03-12 Form Erweiterung
*/
#sub_navi {
	min-width: 500px;
}
#content_links {
	margin-bottom: 10px;
}


.links {
	float: left;
	display: flex;
	padding-top: 5px;
}
#content_links {
	padding-top: 5px;
	text-align: right;
}
#content_links a {
	margin-right: 10px;
}

.social-media-links {
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
}
.social-media-links__facebook, .social-media-links__instagram {
	display: block;
	width: 28px;
	height: 28px;
	background-size: 28px;
	margin-left: 10px;
}
.social-media-links__facebook {
	background-image: url("data:image/svg+xml,%3C?xml version='1.0' ?%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg enable-background='new 0 0 500 500' height='500px' id='Layer_1' version='1.1' viewBox='0 0 500 500' width='500px' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cpath clip-rule='evenodd' d='M31.949,431.711c0,20.078,16.264,36.34,36.34,36.34h363.421 c20.078,0,36.34-16.262,36.34-36.34V68.29c0-20.077-16.262-36.34-36.34-36.34H68.29c-20.077,0-36.34,16.264-36.34,36.34V431.711z M259.086,413.538V268.172h-36.342v-54.514h36.342c0-93.671,3.993-99.939,118.112-99.939v54.513 c-60.149,0-54.514,3.362-54.514,45.427h54.514v54.514h-54.514v145.366H259.086z' fill='%23010101' fill-rule='evenodd'/%3E%3C/svg%3E");
}
.social-media-links__instagram {
	background-image: url("data:image/svg+xml,%3C?xml version='1.0' encoding='utf-8'?%3E %3C!-- Generator: Adobe Illustrator 21.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 56.7 56.7' enable-background='new 0 0 56.7 56.7' xml:space='preserve'%3E %3Cg%3E %3Cpath d='M28.2,16.7c-7,0-12.8,5.7-12.8,12.8s5.7,12.8,12.8,12.8S41,36.5,41,29.5S35.2,16.7,28.2,16.7z M28.2,37.7 c-4.5,0-8.2-3.7-8.2-8.2s3.7-8.2,8.2-8.2s8.2,3.7,8.2,8.2S32.7,37.7,28.2,37.7z'/%3E %3Ccircle cx='41.5' cy='16.4' r='2.9'/%3E %3Cpath d='M49,8.9c-2.6-2.7-6.3-4.1-10.5-4.1H17.9c-8.7,0-14.5,5.8-14.5,14.5v20.5c0,4.3,1.4,8,4.2,10.7c2.7,2.6,6.3,3.9,10.4,3.9 h20.4c4.3,0,7.9-1.4,10.5-3.9c2.7-2.6,4.1-6.3,4.1-10.6V19.3C53,15.1,51.6,11.5,49,8.9z M48.6,39.9c0,3.1-1.1,5.6-2.9,7.3 s-4.3,2.6-7.3,2.6H18c-3,0-5.5-0.9-7.3-2.6C8.9,45.4,8,42.9,8,39.8V19.3c0-3,0.9-5.5,2.7-7.3c1.7-1.7,4.3-2.6,7.3-2.6h20.6 c3,0,5.5,0.9,7.3,2.7c1.7,1.8,2.7,4.3,2.7,7.2V39.9L48.6,39.9z'/%3E %3C/g%3E %3C/svg%3E ");
}
/*
#main_navi a:nth-last-child(1), #main_navi a:nth-last-child(2), #main_navi a:nth-last-child(3) {
	color: #ea2f2f;
	background-color: #181ba0;
	padding: 3px 6px;
} 
*/

.slider { margin-top: -32px; }
div[data-simple-slider] { width:290px; height:332px; }