@charset "utf-8";
/* CSS Document */

@import url('styles.fancybox.css');

html, body {
	font:16px/1.29 Arial,Helvetica,sans-serif;
	color:#444;
} 
html {
	margin:0;
    background:#4C96D5 url('bg-body.jpg') center top no-repeat;
	background-cover:cover;
} 

body {position:relative; width:1160px; margin:0 auto;}

h2, h3 {font-size:1em; margin:0.6em 0;}
h3 {font-style:italic;}
p {margin:0.6em 0;}
a {color:#444;}
img {border:3px solid white;}
hr {border:none; border-top:1px solid;}

.blue,.blue a {color:#004480;}
.white,.white a {color:#fff;}

header {display:none;}
nav { position: fixed; z-index:1; margin:1em 0; padding:0; }
nav ul { margin:0; padding:0; }
nav li { display: inline; }
nav li a {
  display: inline;
  display: inline-block;
  margin-right:.5em;
  font-size:.8em;
  font-weight: bold;
  padding: 5px 7px;
  background: #226BAB;
  border-radius: 4px;
  text-decoration:none;
  box-shadow:0 0 10px #4C96D5;
}
nav li a:hover {
  text-decoration: none;
  background: #8FCDFF;
}

section {position:absolute;}
section .left {float:left; width:530px; margin-right:150px;}
section .right {float:left; font-size:0.75em; width:480px;}

section#beginn {padding-top:180px;}
section#heilung {padding-top:200px; top:970px; width:730px;}
section#rueckfuehrung {padding-top:200px; top:1970px; left:350px; width:725px;}
section#konzept {padding-top:200px; top:2970px; left:225px; width:725px;}
section#uebermich {padding-top:200px; top:3970px;}
section#veranstaltungen {padding-top:200px; top:4970px;}
section#veranstaltungen .left {margin-left:320px; width:390px; margin-right:30px;}
section#veranstaltungen .right {font-size:1em; width:390px;}
section#veranstaltungen .left p {margin-bottom:2em;}
section#veranstaltungen .left a {text-decoration:none; display:block; padding-right:50px;}
section#veranstaltungen .left .white a {background:url('arrow.png') right center no-repeat;}
section#veranstaltungen .left a:hover b {text-decoration:underline;}
section#impressum {padding-top:200px; padding-bottom:200px; top:5970px; text-shadow:0 0 5px rgba(0,0,0,0.8)}
section#impressum .right {padding-top:2.5em; width:450px;}


a.button {
  display: inline;
  display: inline-block;
  font-weight: bold;
  padding: 5px 7px;
  color:#fff;
  background: #226BAB;
  border-radius: 4px;
  text-decoration:none;
}
#termine a {text-decoration:none; display:block;}
#termine a:hover b {text-decoration:underline;}


.fancybox-skin {background:#7cccf9;}
.fancybox-overlay {background:url('blank.gif') rgba(0,0,0,0.01);}