/******************************************************/
/*********************Globale Definitionen*************/
/******************************************************/


/**************************************************/
/***************Link-Formatierungen****************/
a:link 		{color: rgb(17,15,163);}
a:visited 	{color: rgb(0,0,0);} 
a:hover 	{color: rgb(17,15,163);}
a:active 	{color: rgb(17,15,163);}

/**************************************************/
/*******************Hintergründe*******************/
/********************************************************/
/********LAYOUTS ANFANG**********************************/
/********************************************************/

/****************Standard Tabelle**************/
/******************************************/
/*  body und schrift definitionen */
/* standard elements */
html {
min-height: 100%;

}

* {
  margin: 0;
  padding: 0;
margin:auto auto;
}

body {
  font-weight:1.1em;
    background: url(images/bg.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

}
@media (min-width:401px)
{
	h0{	font-size:4em;}
}

@media (max-width:400px)
{
	h0{	font-size:3em;}
}
h0
{

	color:red;
	text-shadow: yellow 3px 3px 5px;
	margin-left:15px;
	font-style:italic;
	width:100%;
	align:center;
}
.stern
{
	padding-top:8px;
	margin-top:8px;
	vertical-align: baseline;
	vertical-align: sub;
}
#wrapper
{
	background-color:white;
}
.container
{
	max-width:980px;
	background-color:white;
}
#content
{
	padding:20px 40px 20px 40px;
	//background-image:url(images/bg_content.png);
}

ul.nav >li
{
	font-family:'Kalam';
	font-size:1.4em;
}
ul
{
	margin-left:20px;
}
h1,h2,h3
{
	//font-family:'Kalam';
	text-transform:uppercase;
}

#back-top {
    position: fixed;
    bottom: 30px;
    right: 20px;
    z-index: 10003;
    display: none;
}
 
#back-top a {
    width: 40px;
    height: 40px;
    display: block;
    text-align: center;
    font-size: 25px;
    color: #fff;
    background-color: #33363b;  
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px; 
    transition: background-color .15s;
    -moz-transition: background-color .15s;
    -webkit-transition: background-color .15s;
    -o-transition: background-color .15s;
    -ms-transition: background-color .15s;
}
 
#back-top a:hover {
    text-decoration: none;
    background-color: #555;
}
.MobileHeader{text-align:center;}
@media (min-width:769px)
{
	body{margin-bottom:90px;}
	.ps-caption,#footer{	display:block;	visibility:visible;}
	.MobileHeader,#MobileFooter{	display:none;	visibility:hidden;	}
#mhlogo{}
#mhtext{}
}

@media (min-width:401px) AND (max-width:768px)
{
	
	body{margin-bottom:10px;}
	
	.ps-caption,#footer{	display:none;	visibility:hidden;	}
	#MobileFooter{	display:block;	visibility:visible;}
	.MobileHeader{	display:block;	visibility:visible;font-size:2em;}
}
@media (max-width:400px)
{
		body{margin-bottom:10px;}
	h1{font-size:2.5em;}
	.ps-caption,#footer{	display:none;	visibility:hidden;	}
	#MobileFooter{	display:block;	visibility:visible;}
	.MobileHeader{	display:block;	visibility:visible;font-size:1.0em;}
}
.mobile-ps-caption
{
	font-family: "Arial";

}


#footer
{
	display:block;
	width:100%;
	position:fixed;
	bottom:0px;
	height:80px;
	padding-top:10px;
	background:green;
	color:white;
	text-align:center;
}
#MobileFooter
{
	width:100%;
	background:green;
	color:white;
	text-align:center;
}
@media (min-width: 769px)
{

}
@media (max-width: 768px)
{
#banner,.pgwslider
{
	min-height:150px;
}
.ps-current
{
	width:100%;
}
}