@charset "utf-8";

@font-face {
	font-family: 'OpenSans-Regular';
	src: url('fonts/opensans/OpenSans-Regular.eot');
	src: url('fonts/opensans/OpenSans-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/opensans/OpenSans-Regular.woff') format('woff');
	font-weight: 400;
	font-style: normal;
}

html {
height: 100%;
}
body {
height: 100%;
margin: 0 auto;
background-color:#a3232f;
}

a {
color: #8c2832;
font-weight:bold;
text-decoration:none;
}
a:hover {text-decoration:underline;}

p{
	 padding: 10px 0 0 0;
	font-size:14px;
	line-height:16px;
	font-family: Verdana, Helvetica;
	word-spacing:0.3mm;
	color : #000000;
	text-decoration: none;
	max-width:540px;
	margin:auto;
	}

hr {
	margin: 20px 0 0 0px;
	paddin: 0px;
	border: 1px solid #8c2832;
	-moz-border-image: url(../images/border_h.png) 50 22  stretch;
	-webkit-border-image: url(../images/border_h.png) 50 22  stretch;
	border-bottom: 0px solid #fff;
	}

h1 {
	font-size:2.2em;
	line-height:1em;
	font-family: 'OpenSans-Regular', sans-serif;
	font-weight:100;
	color: #8c2832;
	text-decoration: none;
	
	}
	
h1 a:link {
color: #fec500;
	}

h1 a:visited  {
color: #fec500;
	}
	
h1 a:hover {
color: #fff;
text-decoration:none;
	}	
	

h2 {
	font-size:2em;
	line-height:1em;
	font-family: 'OpenSans-Regular', sans-serif;
	word-spacing:0.3mm;
	color : #000000;
	text-decoration: none;
	padding: 0px;
	margin: 20px 0 7px 0;
	}

h2 a:link {
	font-size:14px;
	color : #A46031;
	text-decoration: none;
	}

h2 a:visited  {
	font-size:14px;
	color : #A46031;
	text-decoration: none;
	}
	
h2 a:hover {
	font-size:14px;
	line-height:13px;
	font-family:Arial,Helvetica;
	word-spacing:0.3mm;
	color: #AE5C1F;
	text-decoration: underline;
	}

h3 {
	font-size:1.6em;
	line-height:1em;
	font-weight:100;
	font-family: 'OpenSans-Regular', sans-serif;
	word-spacing:0.3mm;
	color : #000;
	text-decoration: none;
	}


	
	
	/*  FlexLayout   */ 
	
	
.mainrow {		
  min-height: 100%;	

		}

.pg_row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;		
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;			
}
		
.pg_colum {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;	
  		
  flex-wrap: nowrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;			
}

.frame_left {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  align-self: auto;
  	background-image:url(../images/bgtile.png);
	background-repeat:repeat-x;

	}

.frame_center {
	  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;		
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;	
  
  width: 922px;
	}

.frame_right {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	-webkit-align-self: auto;
	-ms-flex-item-align: auto;
	align-self: auto;
  	background-image:url(../images/bgtile.png);
	background-repeat:repeat-x;
	}

	


/* ################## Content-Spalte ####################### */ 	

.panel_content {
	width:922px;
	background-color:#FFF;
	}	
	
.pg_content_wrap { 
	flex:1;
	display: -webkit-box;
  	display: -ms-flexbox;
  	display: -webkit-flex;
  	display: flex;
	justify-content:flex-start;
  	-webkit-box-orient: vertical;
  	-webkit-flex-direction: column;
  	-ms-flex-direction: column;
  	flex-direction: column;	

	background-color:#fff;
	z-index:1;
	}
	
.pg_top_banner { 
	border:0px solid #f0f;

	z-index: -1;
	width: 922px;
	height: 280px;
	background-image:url(../images/bgtile.png);
	background-repeat:repeat-x;

	}	
	

	
	
		
.banner_default {
	position: relative;
	z-index: 2 !important;
	width: 860px;
	height: 280px;
	margin: 0px auto;
	background: url(../images/banner02.jpg) center bottom no-repeat; 
	background-repeat:no-repeat;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
	}	
	
.banner_kontakt {
	position: relative;
	z-index: 2 !important;
	width: 860px;
	height: 280px;
	margin: 0px auto;
	background: url(../images/banner_kontakt.jpg) center bottom no-repeat; 
	background-repeat:no-repeat;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
	}
	
.banner_galerie {
	position: relative;
	z-index: 2 !important;
	width: 860px;
	height: 280px;
	margin: 0px auto;
	background: url(../images/banner_galerie.jpg) center bottom no-repeat; 
	background-repeat:no-repeat;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
	}
	
.banner_aktuelles {
	position: relative;
	z-index: 2 !important;
	width: 860px;
	height: 280px;
	margin: 0px auto;
	background: url(../images/banner_aktuelles.jpg) center bottom no-repeat; 
	background-repeat:no-repeat;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
	}
	
.banner_home {
	position: relative;
	z-index: 2 !important;
	width: 860px;
	height: 280px;
	margin: 0px auto;
	background: url(../images/banner_home.jpg) center bottom no-repeat; 
	background-repeat:no-repeat;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
	}
	
.pg_logohead { 
	width:922px;
	display:block;
	z-index:999 !important;;
	background:url(../images/header.png) center top no-repeat;
	height: 280px;
	background-repeat:no-repeat;
	border: 0px solid #000;
	margin-left: -31px;
	}
	
	
		
.pg_menu_wrap {
	z-index:98;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;		
	-webkit-box-direction: normal;
	-webkit-box-orient: horizontal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	
	background-color:#fff;
	height: 60px;	
	border-bottom: 1px solid #8c2832;
	}
	
	.pg_menu {
		width:80%;
		 margin: 0 auto;
		 background-color:#fff;
		 border-left:1px solid #8c2832;
		 
		 }
	
.pg_content {
	border: 0px solid #f00;
	padding:40px 95px 30px 95px;
	background-color:#fff;
	height:100%;
	background-image:url(../images/bgcontent.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	}	
	
.pg_content_footer { 
	display: block;
	height: 172px;
	background-image:url(../images/bgfooter.png);
	background-repeat:no-repeat;
background-color:#a3232f;
	}	
	.pg_footer_txt {
		width:580px;
		margin:auto;
		font-size:12px;
		text-align:center;
			border-top: 1px solid #8c2832;
	-moz-border-image: url(../images/border_h.png) 50 22  stretch;
	-webkit-border-image: url(../images/border_h.png) 50 22  stretch;
	border-bottom: 0px solid #fff;
		}

/* ################## Rahmen-Spalte ####################### */ 	
		
	
@media (max-width: 959px) {
	
	 }

@media (max-width: 640px) { 
.frame_center {
	width:360px;
	display:block;
	}
	
.panel_content {
	display:block;
	width:360px;
	background-color:#FFF;
	}
.pg_top_banner { 
display:block;
	border:0px solid #f0f;

	z-index: 1;
	width: 360px;
	height: 109px;
	background-image:url(../images/bgtile.png);
	background-repeat:repeat-x;

	}	
.banner_default {
	display:block;
	position: relative;
	z-index: 2 !important;
	width: 336px;
	height: 109px;
	margin: 0px auto;
	background: url(../images/mobile/banner02.jpg) center bottom no-repeat; 

	}	
.banner_kontakt {
	position: relative;
	z-index: 2 !important;
	width: 336px;
	height: 109px;
	margin: 0px auto;
	background: url(../images/mobile/banner_kontakt.jpg) center bottom no-repeat; 


	}	
.banner_galerie {
	position: relative;
	z-index: 2 !important;
	width: 336px;
	height: 109px;
	margin: 0px auto;
	background: url(../images/mobile/banner_galerie.jpg) center bottom no-repeat; 
	background-repeat:no-repeat;
	}
	
.banner_aktuelles {
	position: relative;
	z-index: 2 !important;
	width: 336px;
	height: 109px;
	margin: 0px auto;
	background: url(../images/mobile/banner_aktuelles.jpg) center bottom no-repeat; 
	background-repeat:no-repeat;
	}
	
.banner_home {
	position: relative;
	z-index: 2 !important;
	width: 336px;
	height: 109px;
	margin: 0px auto;
	background: url(../images/mobile/banner_home.jpg) center bottom no-repeat; 
	background-repeat:no-repeat;
	}	
	
	
.pg_logohead { 
	width:360px;
	display:block;
	z-index:999 !important;
	background:url(../images/mobile/header.png) center top no-repeat;
	height: 75px;
	background-repeat:no-repeat;
	border: 0px solid #000;
	margin-left: -12px;
	}
	
.pg_content {
	display:block;
	padding:40px 45px 30px 45px;
	
	}	

.pg_menu {
	width:100%;
		 border-left:0px solid #8c2832;
		 
		 }
		 
.panel_menu {
display:block;
	display:flex;
	min-height:100px;
	width:360px;
  	background-color:#fff;
	}
	
.panel_content {
	width:360px;
	flex: 1;
	height: 500px;
  	background-color:#fff;
	}
		
.pg_content_footer { 
	display: block;
	width:360px;
	height: 125px;
	background-image:url(../images/mobile/footer.png);
	background-position:bottom;
	background-repeat:no-repeat;
	background-color:#a3232f;
	}	
	
.pg_footer_txt {
	display: block;
	width:300px;
	height:120px;
	margin:auto;
	font-size:12px;
	text-align:center;
	border-top:1px solid #8c2832;
	}	


}	


body.xh_login {
    background: #fff url(images/XH-Logo_bg.png) no-repeat fixed center center !important;