*	{ 
	margin: 0px; 
	border: 0px;
	padding: 0px;
	}

/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../font/open-sans-v34-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../font/open-sans-v34-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/open-sans-v34-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../font/open-sans-v34-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../font/open-sans-v34-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../font/open-sans-v34-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../font/open-sans-v34-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../font/open-sans-v34-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/open-sans-v34-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../font/open-sans-v34-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../font/open-sans-v34-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../font/open-sans-v34-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}

@font-face {
    font-family: 'bebas-neue-thin';
    src: url('../font/bebas-neue-thin.eot');
    src: url('../font/bebas-neue-thin.eot?#iefix') format('embedded-opentype'),
    url('../font/bebas-neue-thin.ttf') format('truetype');
	}

@font-face {
    font-family: 'bebas-neue';
    src: url('../font/bebas-neue.eot');
    src: url('../font/bebas-neue.eot?#iefix') format('embedded-opentype'),
    url('../font/bebas-neue.ttf') format('truetype');
	}

html, body {
	width: 100%;
	height: 100%;
	padding: 0px;
	margin: 0px;
	font-family: 'Open Sans', sans-serif;
	font-size: 17px;
	line-height: 25px;
	font-weight: lighter!important;
	color: #555;
	background: url('../images/bg-header.png') no-repeat top left;
	}

img	{
	max-width: 100%;
	height: auto;
	border: 0;
	line-height: 0;
	}

b	{
	font-weight: bold;
	}

a:link, a:visited {
	text-decoration: none;
	color: #bb2154;
	-webkit-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	}

a:hover, a:active {
	text-decoration: none;
	color: #555;
	-webkit-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	}

h1	{
	font-family: bebas-neue, arial, verdana, helvetica, sans-serif;
	font-size: 40px;
	line-height: 40px;
	font-weight: normal;
	color: #bb2154;
	margin-bottom: 20px;
	margin-top: -7px;
	display: inline;
	}

h2	{
	font-family: bebas-neue, arial, verdana, helvetica, sans-serif;
	font-size: 27px;
	line-height: 27px;
	font-weight: normal;
	color: #bb2154;
	margin-bottom: 20px;
	margin-top: -7px;
	display: inline;
	}

h3	{
	font-family: 'Open Sans', sans-serif;
	font-size: 21px;
	line-height: 31px;
	font-weight: normal;
	color: #555; 
	margin-bottom: 0;
	display: inline;
	}

h4	{
	font-family: 'Open Sans', sans-serif;
	font-size: 21px;
	line-height: 24px;
	font-weight: normal;
	color: #bb2154; 
	margin-bottom: 0;
	}

input, select, textarea {
	background-color: #e0e0e0;
	font-family: 'Open Sans', sans-serif;
	font-size: 17px;
	line-height: 21px;
	padding: 5px;
	color: #555;
	width: 200px;
	border: 0;
	}

input[type=submit], button {
	border: 1px solid #bb2154;
	}

hr	{
	border: none;
	border-top: 2px solid #e5e5e5;
	color: #fff;
	background-color: #fff;
	height: 2px;
	margin: 40px 0;
	display: block;
	clear: both;
	}

#header {
	padding: 30px 40px 24px 40px;
	max-width: 1100px;
	margin: 0 auto;
	}

#logo	{
	float: left;
	width: 20%;
	}

#logo-mobile {
	float: left;
	width: 20%;
	display: none;
	}

#header-content {
	padding-top: 20px;
	float: left;
	width: 80%;
	}

#header-links {
	float: left;
	width: 70%;
	text-align: left;
	}

#ev-lutherische-gemeinde {
	margin-left: 80px;
	float: left;
	width: 32px;
	padding-top: 7px;
	}

#toplinks {
	padding-top: 7px;
	padding-bottom: 7px;
	background-color: #fff;
	width: 68%;
	float: left;
	text-align: center;
	}

#toplinks a {
	background-color: #fff;
	padding: 6px 0;
	color: #bb2154;
	font-family: 'Open Sans', sans-serif;
	font-size: 17px;
	line-height: 17px;
	text-decoration: none;
	}

#header-search {
	float: left;
	width: 30%;
	text-align: right;
	position: relative;
	}

.search {
	border: 0;
	width: 250px;
	padding: 7px;
	margin: 0px;
	font-family: 'Open Sans', sans-serif;
	font-size: 17px;
	line-height: 22px;
	color: #555;
	background-color: #fff;
	}

.searchsubmit {
	position: absolute;
	top: 7px;
	right: 7px;
	width: 23px;
	height: 24px;
	background: none;
	padding: 0;
	}

#header-claim {
	color: #bb2154; 
	float: left;
	width: 75.8%;
	text-align: left;
	padding-top: 59px;
	padding-left: 4.2%;
	}

#claim-break {
	display: none;
	}

#header-fontswitch {
	float: left;
	width: 20%;
	text-align: right;
	padding-top: 58px;
	}

#header-fontswitch a.font-switch-1:link, #header-fontswitch a.font-switch-1:visited {
	font-family: 'Open Sans', sans-serif;
	font-size: 17px;
	line-height: 17px;
	color: #bb2154;
	text-decoration: none;
	padding: 3px;
	}

#header-fontswitch a.font-switch-1:hover, #header-fontswitch a.font-switch-1:active, #header-fontswitch .font-switch-1-active {
	font-family: 'Open Sans', sans-serif;
	font-size: 17px;
	line-height: 17px;
	color: #555;
	text-decoration: none;
	padding: 3px;
	}

#header-fontswitch a.font-switch-2:link, #header-fontswitch a.font-switch-2:visited {
	font-family: 'Open Sans', sans-serif;
	font-size: 20px;
	line-height: 20px;
	color: #bb2154;
	text-decoration: none;
	padding: 3px;
	}

#header-fontswitch a.font-switch-2:hover, #header-fontswitch a.font-switch-2:active, #header-fontswitch .font-switch-2-active {
	font-family: 'Open Sans', sans-serif;
	font-size: 20px;
	line-height: 20px;
	color: #555;
	text-decoration: none;
	padding: 3px;
	}

#header-fontswitch a.font-switch-3:link, #header-fontswitch a.font-switch-3:visited {
	font-family: 'Open Sans', sans-serif;
	font-size: 23px;
	line-height: 23px;
	color: #bb2154;
	text-decoration: none;
	padding: 3px;
	}

#header-fontswitch a.font-switch-3:hover, #header-fontswitch a.font-switch-3:active, #header-fontswitch .font-switch-3-active {
	font-family: 'Open Sans', sans-serif;
	font-size: 23px;
	line-height: 23px;
	color: #555;
	text-decoration: none;
	padding: 3px;
	}

#navi	{
	background-color: #bb2154;
	}

#navi-inner {
	max-width: 1120px;
	margin: 0 auto;
	padding: 0 30px;
	}

a.navi:link, a.navi:visited {
	font-family: bebas-neue, arial, verdana, helvetica, sans-serif;
	font-size: 22px;
	line-height: 22px;
	letter-spacing: .6px;
	color: #fff;
	text-decoration: none;
	margin-right: 12px;
	display: block;
	float: left;
	background-color: #bb2154;
	padding: 10px;
	}

a.navi:hover, a.navi:active {
	font-family: bebas-neue, arial, verdana, helvetica, sans-serif;
	font-size: 22px;
	line-height: 22px;
	letter-spacing: .6px;
	color: #bb2154;
	text-decoration: none;
	margin-right: 12px;
	display: block;
	float: left;
	background-color: #eaeaea;
	padding: 10px;
	}

.navi-active {
	font-family: bebas-neue, arial, verdana, helvetica, sans-serif;
	font-size: 22px;
	line-height: 22px;
	letter-spacing: .6px;
	color: #bb2154;
	text-decoration: none;
	margin-right: 12px;
	display: block;
	float: left;
	background-color: #eaeaea;
	padding: 10px;
	}

#nav ul	{
	list-style-type: none;
	padding: 0;
	margin: 0;
	}

#nav li {
	float: left;
	padding: 0;
	margin: 0;
	}

#nav li a, #nav li span {
	display: block;
	}

#nav ul ul {
	display: none;
	position: absolute;
	z-index: 999;
	margin: 42px 10px 10px 0;
	background-color: #bb2154;
	min-width: 132px;
	padding: 0 10px;
	}

#nav li li {
	float: none;
	}

#nav li ul li a:link, #nav li ul li a:visited {
	font-family: bebas-neue, arial, verdana, helvetica, sans-serif;
	font-size: 22px;
	line-height: 22px;
	letter-spacing: .5px;
	color: #fff;
	padding: 12px 0 12px 0;
	}

#nav li ul li a:hover, #nav li ul li a:active, .snavi-active {
	font-family: bebas-neue, arial, verdana, helvetica, sans-serif;
	font-size: 22px;
	line-height: 22px;
	letter-spacing: .5px;
	color: #bbb;
	padding: 12px 0 12px 0;
	}

#behuetet {
	position: absolute;
	right: 0;
	top: 256px;
	}

#content {
	padding: 60px 40px 40px 40px;
	max-width: 1100px;
	margin: 0 auto;
	}

#content img {
	margin: 0 4% 30px 0;
	}

.post-left {
	float: left;
	width: 45%;
	margin-right: 5%;
	}

.post-right {
	float: left;
	width: 50%;
	}

#img-hoch {
	float: left;
	width: 35%;
	padding-right: 5%;
	}

#text	{
	float: left;
	width: 60%;
	}

#welcome {
	background: url('../images/kirchengemeinde-st-gabriel-hamburg.png') no-repeat bottom right;
	background-size: 300px auto;
	padding-right: 20%;
	}

#footer	{
	background-color: #bb2154;
	}

#footer-inner {
	font-family: 'Open Sans', sans-serif;
	font-size: 17px;
	line-height: 32px;
	padding: 30px 40px;
	margin: 0 auto;
	max-width: 1100px;
	color: #fff;
	}

#footer-inner a {
	font-family: 'Open Sans', sans-serif;
	font-size: 17px;
	line-height: 32px;
	color: #fff;
	}

#f-left {
	width: 39.5%;
	float: left;
	border-right: 1px dotted #fff;
	}

#f-middle {
	width: 25%;
	float: left;
	border-right: 1px dotted #fff;
	padding-left: 5%;
	}

#f-right {
	width: 25%;
	float: left;
	padding-left: 5%;
	}

@media only screen and (max-width: 1180px) {

h4	{
	font-size: 19px;
	line-height: 22px;
	}

a.navi:link, a.navi:visited, a.navi:hover, a.navi:active, .navi-active {
	font-size: 22px;
	line-height: 22px;
	letter-spacing: 0;
	margin-right: 10px;
	}}

@media only screen and (max-width: 1100px) {

#f-left	{
	display: none;
	}

#f-middle {
	width: 44.9%;
	padding-left: 0;
	padding-right: 5%;
	}

#f-right {
	width: 44.9%;
	}

#ev-lutherische-gemeinde {
	margin-left: 122px;
	width: 20px;
	padding-top: 7px;
	}

#toplinks {
	padding: 4px 10px;
	}

#toplinks a {
	font-size: 15px;
	line-height: 15px;
	}

a.navi:link, a.navi:visited, a.navi:hover, a.navi:active, .navi-active {
	padding: 10px 6px;
	}

@media screen and (-webkit-min-device-pixel-ratio:0) { 

a.navi:link, a.navi:visited, a.navi:hover, a.navi:active, .navi-active {

padding: 12px 6px 8px 6px;

}}}

@media only screen and (max-width: 1024px) {

a.navi:link, a.navi:visited, a.navi:hover, a.navi:active, .navi-active {
	margin-right: 8px;
	}

#welcome {
	padding-right: 15%;
	}

#content {
	padding: 40px 25px 24px 25px;
	}

#toplinks {
	padding-top: 3px;
	margin-left: 110px;
	}

h4	{
	font-size: 18px;
	line-height: 24px;
	}

#ev-lutherische-gemeinde {
	display: none;
	}

#header-search {
	padding-right: 6%;
	width: 44%;
	}

.search {
	width: 200px;
	padding: 4px;
	font-size: 16px;
	line-height: 21px;
	}

.searchsubmit {
	position: absolute;
	top: 4px;
	right: 13%;
	}

#header-claim {
	width: 70%;
	padding-left: 10%;
	}

#claim-break {
	display: none;
	}

#header-fontswitch {
	width: 20%;
	}

#claim-break {
	display: block;
	}}

@media only screen and (max-width: 1000px) {

#header-fontswitch a.font-switch-1:link, #header-fontswitch a.font-switch-1:visited, #header-fontswitch a.font-switch-1:hover, #header-fontswitch a.font-switch-1:active, #header-fontswitch .font-switch-1-active, #header-fontswitch a.font-switch-2:link, #header-fontswitch a.font-switch-2:visited, #header-fontswitch a.font-switch-2:hover, #header-fontswitch a.font-switch-2:active, #header-fontswitch .font-switch-3-active, #header-fontswitch a.font-switch-3:link, #header-fontswitch a.font-switch-3:visited, #header-fontswitch a.font-switch-3:hover, #header-fontswitch a.font-switch-3:active, #header-fontswitch .font-switch-3-active {
	color: #fff;
	}

#toplinks a {
	background-color: #fff;
	}

#header-fontswitch a {
	color: #fff;
	}

#logo	{
	display: none;
	}

#logo-mobile {
	display: inline;
	}

h4	{
	color: #fff;
	}

#header	{
	background-color: #bb2154;
	}

html, body {
	background: none;
	}

#navi	{
	display: none;
	}

.search {
	border: 1px solid #fff;
	}}

@media only screen and (max-width: 900px) {

#welcome {
	padding-right: 0;
	}

#header-search {
	padding-right: 0;
	width: 70%;
	}

.searchsubmit {
	right: 6px;
	}

#toplinks {
	display: none;
	}

h4	{
	font-size: 17px;
	line-height: 20px;
	}}

@media only screen and (max-width: 700px) {

.post-left {
	float: none;
	width: 100%;
	margin-right: 0;
	}

.post-right {
	float: none;
	width: 100%;
	margin-top: 25px;
	}

#content img {
	display: block!important;
	float: none!important;
	margin: 20px 20px 20px 0!important;
	}

#welcome {
	padding-right: 15%;
	}

#footer-inner {
	padding: 30px 30px;
	}

#content {
	padding: 50px 20px 24px 20px;
	}

#img-hoch img {
	margin-bottom: 20px;
	}

#img-hoch, #text  {
	float: none;
	width: 100%;
	padding-right: 0;
	}

#header {
	padding: 25px 30px 19px 30px;
	border-bottom: 3px solid #bb2154;
	}

#header-claim {
	width: 85%;
	padding-left: 15%;
	padding-top: 36px;
	}

#header-fontswitch {
	display: none;
	}}

@media only screen and (max-width: 600px) {

#welcome {
	padding-right: 0;
	}

#f-middle, #f-right {
	width: 100%;
	padding: 0;
	border-right: 0;
	float: none;
	text-align: center;
	}

#logo-mobile, #header-content, #header-claim {
	padding-top: 0;
	padding-left: 0;
	width: 100%;
	float: none;
	}

.stglogo {
	width: 94px;
	margin-bottom: 10px;
	}

#header-search {
	display: none;
	}

h4	{
	font-size: 17px;
	line-height: 20px;
	}}

@media only screen and (max-width: 500px) {

h4	{
	font-size: 15px;
	line-height: 19px;
	}

#welcome {
	background: none;
	}