html, body {
	height:100%;
	margin:0;
	padding:0;
}
body {
	font-family: "Helvetica Neue", Arial, Verdana;
	font-size: 12px; /* notwendig? */
	color: #666666;
	background-color: #ececec;
	padding:0;
	margin: auto;
	text-align:center; /* notwendig? */
}
.noscript {
	width:1000px;
	text-align:center;
	position:absolute;
	bottom:0px;
}
#vertical-wrapper {
	float:left;
	height:50%;
	margin-top:-350px;/* half vertical height*/
	width:100%;
}
#content-canvas {
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	height:700px; /*KB-changed*/
	overflow:hidden;/* allow content to scroll inside element */
	text-align:left;
	clear:both;
	position:relative; /*KB-new*/
	background-color: #D8D8D8;
}
/*BEGIN About und contact*/
.content .left {
	float:left;
	padding: 0px 0px 0px 30px;
	width: 325px;
}
.content .right {
	float:left;
	width:500px;
	position: relative;
	left: 0px;
}
.content p {
	padding-top:0px;
	margin-top:0px;
}
.content p.p14 {
	font-size: 14px;
	padding-top:0px;
	margin-top:0px;
}
.tabelle {
	font-size: 14px;
	margin-top: 0px;
	padding-top: 0px;
}
.content .center {
	float:left;
	padding:0px 100px 0px 40px;
}

.content a {
	color:#1C53BF;
}

.content a:hover {
}
/*END About und contact*/

/**** BEGIN Darstellung Bilder ****/
.content {
	height: 560px;
	clear: left;
	text-align:left;
	/*Position Bilder*/
	position:absolute; /*KB NEW*/
	top:140px; /*KB NEW*/
}
.content .img-row {
	clear:left;
	padding: 0px 0px 23px 30px;/*Abstände Bilderreihen*/
	text-align: left;
}
.content .img-row img {
	margin-right: 2px;/*Abstand einzelne Bilder rechts*/
	border:4px solid #d8d8d8;
}
.content .img-row img.selected {
	border:4px solid #666666;
}
.content .img-row img.over, .content .img-row img.selected.over {
	border:4px solid #1c53bf;
}
/**** END Darstellung Bilder ****/


form {
	width:390px;
	font-size:14px;
}
form .button {
	position:absolute;
	background-image:url(/img/form-button.png);
	height:28px;
	width:91px;
	border:none;
	top:285px;
	margin-left:30px;
}
label {
	padding-top:15px;
	line-height:20px;
	display:block;
	float:left;
	font-size:14px;
	width:100px;
	clear:left;
}
input, textarea {
	margin-top:15px;
	font-family:Arial;
	font-size:14px;
	width:180px;
	border:1px solid #C0C0C0;
}
textarea {
	height:140px;
	overflow:auto;
}
/*ab hier: neuer Code*/
#logo {
	position: absolute;
	top: 24px;
	left: 30px;
}


/********************/
/* BEGIN Navigation */
.nav {
	position:absolute;
	font-size:30px;
	z-index:500;
	font-weight: normal;
	/*color: #FFFFF;*/
	color: #031F86;
	width:550px;
	right:80px;
	top: 19px;
}
a:focus, a:active, a:link, a:visited {
	outline:none;
}
/*a img:link, a img:visited {
	outline:none;
	border:0;
	-moz-outline-style:none
}
a {
	-moz-outline-style:none
}*/
.nav .table {
	display:table;
	margin:0;
}
.nav .select, .nav .current {
	margin:0;
	padding:0;
	list-style:none;
	display:table-cell;
	white-space:nowrap;
}
.nav li {
	margin:0;
	padding:0;
	height:auto;
	float:left;
}
/*Navigationselement NICHT ausgewählt*/
.nav .select a {
	display:block;
	float:left;
	text-decoration:none;
	line-height:35px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 40px;
	white-space:nowrap;
	color:#ffffff;
}
/*Navigationselement ausgewählt*/
.nav .current a {
	display:block;
	float:left;
	text-decoration:none;
	line-height:35px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 40px;	
	white-space:nowrap;
	color:#666666;
}
/* 1.zeile*/
.nav .current a b {
	display:block;
	padding:0 0 0 0;
}
/* Hover erste Zeile*/
.nav .select a:hover, .nav .select li:hover a b {
	display:block;
	float:left;
	cursor:pointer;
	color: #1c53bf;
}
/*Hover erste Zeile*/
/* Neu. Eingefügt am 7.9.2011; Farbe bei hover 1. Zeile, wenn 2.Zeile bereits ausgewählt*/
.nav .current a:hover, .nav .current li:hover a b {
	display:block;
	float:left;
	cursor:pointer;
	color: #1c53bf;
}
/* ENDE Neu. Eingefügt am 7.9.2011*/
.nav .select_sub {
	display:none;
}
/* IE6 only */
.nav table {
	border-collapse:collapse;
	margin:-1px;
	font-size:1em;
	width:0;
	height:0;
}
/* Format zweite Zeile */
.nav .sub {
	display:table;
	/* Abstand zweite Zeile*/
	margin:0;
	padding:0;
	list-style:none;
	font-size: 24px;
	font-weight: normal;
}
.nav .sub_active .current_sub a, .nav .sub_active a:hover {
	background:transparent;
}
/* Zweite Zeile*/
.nav .select :hover .select_sub, .nav .current .show {
	display:block;
	position:absolute;
	width:600px;
	top:33px;
	left:32px;
	padding:0;
	z-index:100;
	text-align:left; /* dies scheint nur IE6 und IE7 zu kümmern; sonst ist es egal, welcher Wert da steht */
	color: #F00;
}
.nav .current .show {
	z-index:10;
}
/* Farbe zweite Zeile*/
.nav .select :hover .sub li a, .nav .current .show .sub li a {
	display:block;
	float:left;
	background:transparent;
	padding:0 21px 0 10px;
	margin:0;
	white-space:nowrap;
	border:0;
	color:#ffffff;
}
/*Farbe zweite Zeile, wenn ausgewählt*/
.nav .current .sub li.sub_show a {
	color:#666666;
	cursor:default;
}
/* Farbe Item in der zweiten Zeile bei hover*/
.nav .select :hover .sub li a:hover, .nav .current .sub li a:hover {
	visibility:visible;
	color:#1c53bf;
}
/* END Navigation ***/


/* BEGIN Zitat auf Homepage*/
#motto {
	position: absolute;
	font-family: "Helvetica Neue", Arial, Verdana;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	margin-right: auto;
	margin-left: auto;
	width: 1000px;
	top: 300px;
	text-align: center;
}
#motto #zitat {
	font-size: 21px;
	font-style: normal;
}
#motto #autor {
	font-size: 16px;
	font-style: italic;
}
/* END Zitat auf Homepage*/

/**** BEGIN Einladung/aktuelles.html ****/

#beschreibung {
	position: absolute;
	width:400px;
	height: 250px;
	top: 260px;
	left:50%;
	margin-left:-200px;
	font-size: 18px;
	text-align: center;
}
#einladung {
	font-size: 30px;
	margin-bottom:30px;
}
#uhrzeit {
	margin-bottom:15px;
}
#adresse {
	margin-bottom:40px;
}
#info {
	font-size: 12px;
}
/*#anmerkung {
	position: absolute;
	top: 180px;
	left: 17px;
	font-size: 14px;
}*/
/*  END Einladung/aktuelles.html */



img {
	border: 0px;
	outline:none;
	-moz-outline-style: none;
}
h1 {
	font-size: 24px;
}
.content #description {
	left: 34px;
	font-size: 14px;
	top: 450px;
	position: absolute;
	width: 600px;
	height: 20px;
}
#content-canvas #datenschutz {
	font-size: 30px;
	position: absolute;
	top: 19px;
	left: 357px;
}
#content-canvas #test {
	width: 570px;
	position: absolute;
	top: 125px;
	left:357px;
	font-size:14px;
}

.fancybox-title-float-wrap .child {
	background-color: transparent !important;
	font-weight:normal !important;
}

#fancybox-overlay {
	width:100% !important;
	height:100% !important;
	position:fixed !important;
	
}#butho {
	position: absolute;
	font-size:14px;
	top: 370px;
	left: 34px;
	right: 37px;
}