﻿/* #region BODY */
	body{ 
		background-image: url(../images/bg_content_mobile.png);
		background-size:contain;
		background-attachment:scroll;
		background-repeat:repeat-y;
		background-position:center top;
	}
	html{ 
		background:#0a0a0a;
		color: #008221;
		font-size:large;
		top:0; left:0; right:0;
		height:100%;
		width:100%;
		overflow:visible;
	}
	*html, *html body{
		bottom:0;
		behavior: url(/path/csshover3.htc);
	}
/* #endregion */

/* #region HEADER */
	#header_container{
		position:fixed;
		font-size:large;
		background-image:url(../images/bg_header.jpg);
		background-repeat:repeat-x;
		top:0; left:0; right:0;
		margin:0;
		height:5px;
		opacity:0.9;
		z-index:5;
	}
	* html #header_container{
		position:absolute;
		width:100%;
		padding-right:16px;
	}
	#header{
		position:absolute;
		top:0; left:0; right:0; bottom:0;
		height:100%;
		z-index:3;
		margin:0;
		padding:0.2em;
	}
	* html #header{
		height:100%;
		position:relative;
	}
	#head_line{
		position:fixed;
		top:1px;
		left:7px;
		z-index:3;
	}
	* html #head_line{
		position:absolute;
		top:0px;
		left:7px;
		z-index:3;
	}
/* #endregion */

/* #region MENU */
	.menu_header {
		display: block;
		margin: 0 auto;
		width: 110px;
		box-shadow: none;
		position: fixed;
		height: 80px!important;
		/* overflow:hidden; */
		z-index: 10;
	}
	.main {
		margin: 0 auto;
		display: block;
		height: 100%;
		margin-top: 60px;
	}
	.mainInner {
		display: table;
		height: 100%;
		width: 100%;
		text-align: center;
	}
	.mainInner div {
		display: table-cell;
		vertical-align: middle;
		letter-spacing: 1.25px;
	}	
/* #endregion */

/* #region CONTENT */
	#content{
		position:relative;
		padding-top:40px;
		padding-left:10px;
		padding-right:10px;
		padding-bottom:95px;
		z-index:0;
		line-height: 150%;
		overflow:auto;
	}
	* html #content{
		position:absolute;
		top:0; bottom:0; left:0; right:0;
		width:100%;
		margin:0;
		overflow:visible;
	}
	h1{
		font-weight:bold;
		font-size:1.6em;
		font-family: DS_Celtic-1;
		text-align:center;
	}
	h2{
		font-weight:bold;
		font-size:1.2em;
		font-family: DS_Celtic-1;
	}
/* #endregion */

/* #region PICTURE ZOOM */
	.dg-picture-zoom{
		cursor : url(../styles/magnify-plus.cur), pointer !important;
	}
	.dg-picture-zoom-large{
		cursor : url(../styles/magnify-minus.cur), pointer !important;
	}
	.dg-picture-zoom-border-container{
		background-color:#282828;
		margin-left:-4px;
		margin-top:-4px;
		padding:4px;
		box-shadow:10px 10px 20px #000000;
		border:6px groove #dedede;
		border-radius: 15px;
	}
/* #endregion */

/* #region FOOTER */
	#footer_container{
		position:fixed;
		font-size:large;
		font-weight:bold;
		background-image:url(../images/bg_footer_mobile.jpg);
		background-repeat:repeat-x;
		bottom:-19; left:0; right:0;
		margin:0;
		height:94px;
		opacity:0.9;
		z-index:200;
	}
	* html #footer_container{
		position:absolute;
		width:100%;
		padding-right:16px;
	}
	#footer_line{
		position:fixed;
		bottom:5px;
		left:85px;
		z-index:3;
	}
	* html #footer_line{
		position:absolute;
		top:5px;
		left:11px;
		z-index:3;
	}
/* #endregion */

/* #region LINKS */
	a{
		color: #008221; 
		text-decoration: underline;
		transition: all .5s;
		font-weight:bold;
	}
	a:visited{
		color:#0059ff;
		text-decoration: underline;	
		font-weight:bold;
	}
	a:active{
		color:#3F3F3F;
		text-decoration: underline;	
		font-weight:bold;
	}
	a:hover{
		color:#CC5200;
		text-decoration: underline;	
		font-weight:bold;
	}
	a:focus{
		color:#CC5200;
		text-decoration: underline;	
		font-weight:bold;
	}
/* #endregion */

/* #region TABLES */
	.table {
		border: 1px	groove #dedede;
		border-radius: 0px 0px 8px 8px;
		margin:15;
	} 
	.table caption {
		background-color: #1a1a1a;
		border: 1px	groove #dedede;
		border-radius: 8px 8px 0px 0px;
		font-family: DS_Celtic-1;
		font-weight: bold;
		font-size:40px;
		color: #009525;
		padding: 6px 0 3px 0; 
		opacity:0.9;
	}
	.table thead th {
		font-family: Arial,Verdana,sans-serif;
		font-weight: bold;
		font-size:large;
		padding: 5px;
		background-color: #3c3c3c;
		border: 2px	solid #009525;
		border-radius: 5px;
		color: #009525;
		text-align: center;
		text-decoration:none;
		opacity:0.9;
	}
	.table td {
		font-family: Arial,Verdana,sans-serif;
		font-weight: bold;
		font-size:large;
		padding: 5px 5px;
		background-color: #dedede;
		background-image:url('../images/paper.jpg');
		opacity: 0.9;
		border: 1px solid #1a1a1a;
		border-radius: 5px;
		color: #1a1a1a;
		line-height: 150%;
		text-align: center;
	}
	.table li {
		text-align: left;
		list-style-image: url(../images/list-style.png);
		font-size: large;
	}
	table thead td {
		font-family: Arial,Verdana,sans-serif;
		font-weight: bold;
		font-size:large;
		padding: 5px;
		background-color: #3c3c3c;
		border: 2px	solid #009525;
		border-radius: 5px;
		color: #009525;
		text-align: center;
		text-decoration:none;
		opacity:0.9;
		cursor:pointer;
	}
	.highlightedColumn {
		background-color:#EEE;
	}
/* #endregion */

/* #region TABLES Zusage intern */
	.table2 {
		border: 3px	groove #009525;
		border-radius: 0px 0px 8px 8px;
		margin:15;
	} 
	.table2 caption {
		background-color: #1a1a1a;
		border: 3px	groove #009525;
		border-radius: 8px 8px 0px 0px;
		font-family: DS_Celtic-1;
		font-weight: bold;
		font-size:40px;
		color: #009525;
		padding: 6px 0 3px 0; 
		/* opacity:0.8; */
	}
	.table2 thead th {
		font-family: Arial,Verdana,sans-serif;
		font-weight: bold;
		font-size:large;
		padding: 5px;
		background-color: #3c3c3c;
		border: 3px	solid #009525;
		border-radius: 5px;
		color: #009525;
		padding-left: 7px;
		text-align: left;
		text-decoration:none;
		opacity:0.8;
	}
	.table2 td {
		font-family: Arial,Verdana,sans-serif;
		font-weight: bold;
		font-size:large;
		padding: 5px 5px;
		background-color: #dedede;
		background-image:url('../images/silver.jpg');
		opacity: 0.9;
		border: 1px solid #1a1a1a;
		border-radius: 5px;
		color: #1a1a1a;
		line-height: 150%;
		padding-left: 7px;
		text-align: left;
	}
	.table2 li {
		text-align: left;
		padding-left: 7px;
		list-style-image: url(../images/list-style.png)
	}
	table2 thead td {
		font-family: Arial,Verdana,sans-serif;
		font-weight: bold;
		font-size:large;
		padding: 5px;
		background-color: #3c3c3c;
		border: 2px	solid #009525;
		border-radius: 5px;
		color: #009525;
		padding-left: 7px;
		text-align: left;
		text-decoration:none;
		/* opacity:0.8; */
		cursor:pointer;
	}
	.highlightedColumn {
		background-color:#EEE;
	}
/* #endregion */

/* #region GALLERY MENU */
	#galerie_menu{
		position:relative;
		font-family: DS_Celtic-1;
		border:0px;
		text-align:center;
	}
	.gm_header{
		background-color:#0a0a0a;
		border:6px groove #dedede;
		border-radius: 10px;
	}
	#galerie_menu a{
		display:block;
		opacity:0.6;
	}
	#galerie_menu a:hover{
		display:block;
		opacity:1.0;
	}
/* #endregion */

/* #region GALLERY */
	.dg-image-gallery{
		position:relative;
		width:860px;
		min-height:600px;
	}
	.dg-image-gallery-enlarged-image {
		position: absolute;
		left: 20px;
		right: 20px;
		top: 20px;
		bottom: 5px;
		background-position: center top;
		max-height: 380px;
	}
	.dg-image-gallery-caption {
		position:absolute;
		bottom:160px;
		height:30px;
		width:100%;
		text-align:center;
		color: #009525;
	}
	.dg-image-gallery-thumbnail-container {
		position: absolute;
		bottom: 0px;
		left: 20px;
		padding-bottom:10px;
		width:820px;
		height:120px;
	}
	.dg-image-gallery-thumbnail{
		position:static;
		width: 160px;
		height: 120px;
		opacity:0.5;
		filter:alpha(opacity=50);
		padding-right:2px;
		padding-left:2px;
	}
	.dg-image-gallery-thumbnail-highlight{
		border:4px groove #cc5200;
		padding:2px;
		cursor: pointer;
		width: 150px;
		height: 110px;
	}
	.dg-image-gallery-thumbnail:hover{
		opacity:1.0;
		filter:alpha(opacity=100);
	}
	.dg-image-gallery-previous, .dg-image-gallery-next {
		background-position : center center;
		border-radius: 5px;
		cursor: pointer;
		width:60px;
		height:375px;
		bottom:205px;
		position: absolute;
		z-index:500;
	}
	.dg-image-gallery-previous{
		background-image:url('../images/left.png');
		left : 0px;
	}
	.dg-image-gallery-previous-over{
		background-image:url('../images/left-over.png');
	}
	.dg-image-gallery-next{
		background-image:url('../images/right.png');
		right : 0px;
	}
	.dg-image-gallery-next-over{
		background-image:url('../images/right-over.png');
	}
	.dg-image-gallery-next-autoplay-container{
		position:absolute;
		left:39.5%;
		top:430px;
		z-index:20000;
		width:180px;
	}
	.dg-image-gallery-next-autoplay-start, .dg-image-gallery-next-autoplay-stop{
		position:absolute;
		top:0px;
		color:#009525;
		padding:5px;
		height:60px;
		width:90px;
		text-align:right;
		background-repeat:no-repeat;
		cursor:pointer;
	}
	.dg-image-gallery-next-autoplay-start{
		left:0px;
		background-image:url('../images/play-off_big.png');
	}
	.dg-image-gallery-next-autoplay-stop{
		left:90px;
		background-image:url('../images/pause-off_big.png');
	}
	.dg-image-gallery-next-autoplay-start-off{
		background-image:url('../images/play_big.png');
		cursor: default;
	}
	.dg-image-gallery-next-autoplay-stop-off{
		background-image:url('../images/pause_big.png');
		cursor: default;
	}
/* #endregion */

/* #region PICTURE CHANGE */
	#BWcontainer{
		width:677px; /* = Bildbreite + 2x margin + 2x border */
		margin:0 auto;
		text-align:left;	
		margin-left:12px;
	}
	.imageSlideshowHolder{
		margin:6px;
		float:right;
		position:absolute;
	}
	.imageSlideshowHolder img{
		position:absolute;
		border:6px groove #dedede;
		border-radius: 10px;
	}
	.FloatingDiv{
		float:none;
		/* width:2000px; */
		height:380px;
	}
/* #endregion */

/* #region SPECIAL */
	#nav_line{
		position:fixed;
		background:#dedede;
		background-image:url('../images/paper.jpg');
		opacity: 0.8;
		border: 1px	solid #dedede;
		border-radius: 2px 2px 10px 2px;
		font-size:1.4em;
		top:10px;
		left:110px;
		z-index:5;
	} /* Menü Navigations-Leiste */
	* html #nav_line{
		position:absolute;
	}
	#nav_line2{
		position:fixed;
		border: 1px	solid #008221;
		top:75px;
		left:15px;
		z-index:0;
	} /* Profilbild */
	* html #nav_line2{
		position:absolute;
	}
	#nav_line3{
		position:fixed;
		top:5px;
		right:10px;
		z-index:4;
	} /* Sprache wechseln */
	* html #nav_line3{
		position:absolute;
	}
	#search_box{
		position:fixed;
		top:24px;
		left:7px;
		z-index:3;
	}
	* html #search_box{
		position:absolute;
	}
	#news_line{
		position:fixed;
		font-size:large;
		font-weight:bold;
		margin-left:420px;
		width:48%;
		color: #ff8000;
		top:5px;
		z-index:200;
	}
	* html #news_line{
		position:absolute;
	}
	#back-top {
		position: fixed;
		bottom:55px;
		right:5px;
	}
	#back-top a {
		width: 100px;
		display: block;
		text-align: center;
		font: 11px/100% Arial, Helvetica, sans-serif;
		text-transform: uppercase;
		text-decoration: none;
		color: #bbb;
		/* background color transition */
		-webkit-transition: 1s;
		-moz-transition: 1s;
		transition: 1s;
		z-index:20;
	}
	#back-top a:hover {
		color: #000;
	}
	/* arrow icon (span tag) */
	#back-top span {
		width: 100px;
		height: 117px;
		display: block;
		margin-bottom: 7px;
		background: #ddd url('../images/Arrow-Up_big.png') no-repeat center center;
		/* rounded corners */
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		/* background color transition */
		-webkit-transition: 1s;
		-moz-transition: 1s;
		transition: 1s;
	}
	#back-top a:hover span {
		background-color: #777;
	}
	.NewEntry {
		border: 4px groove gold;
		border-radius: 6px;
		font-weight:bold;
		background-color: #ffff88;
	} 
	#werbung{
		position:fixed;
		bottom:42px;
		z-index:0;
	}
	@font-face	
	{
		font-family: 'DS_Celtic-1';
		src: local(ds_celtic1);
		src: url('../styles/dsceltic1-webfont.eot');
		src: url('../styles/dsceltic1-webfont.eot?#iefix') format('embedded-opentype'),
			 url('../styles/dsceltic1-webfont.woff') format('woff'),
			 url('../styles/dsceltic1-webfont.ttf') format('truetype'),
			 url('../styles/dsceltic1-webfont.svg#ds_celtic-1regular') format('svg');
		font-weight: normal;
		font-style: normal;
	}
/* #endregion */