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

html,body{
	margin:0;
	padding:0;
	font-family:'Amatic SC';
	background:url(/img/hintergrund2.jpg);
	background-repeat:repeat;
}

.karma{
	font-family:Karma;
}
.dawning{
	font-family:'Dawning of a New Day';
}

p{
	padding:0;
	margin:0;
	font-size:40px;
}

a{
	color:#000;
	text-decoration:none;
}
a:hover{
	text-decoration:overline underline;
}

a img{
	border:1px solid #FFF;
}
a img:hover{
	border:1px solid #000;
	padding:0 10px;
}

div#alles{
	width:100%;
}

div#canvas{
	/*
	padding:20px 0;
	*/
	width:1000px;
	margin:0 auto;
}

div#headline{
	/*
	background:url(img/headline.jpg);
	background-repeat:repeat;
	*/
	font-size:50px;
	padding:20px 0;
}
div#headline ul{
	width:100%;
	padding:0;
	margin:0;
	list-style-type:none;
}
div#headline ul li{
	width:21%;
	float:left;
	text-align:center;
}
div#headline ul li:first-child{
	text-align:left;
}
div#headline ul li:last-child{
	width:16%;
	text-align:right;
}
div#headline ul li.active a{
	font-weight:bold;
	text-decoration:overline underline;
}

div.tablecell{
	padding:20px 0;
	background-color:#FFF;
	float:left;
	width:500px;
	height:600px;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
}
div.tablecell img.foto{
	margin:150px 0;
}
/****************************/
/* Folgeseiten              */
/****************************/
div.startseite{
	position:relative;
}
div.holder{
	width:1000px;
	padding:20px 0;
	background-color:#FFF;
	text-align:center;
	position:relative;
}
div.holder img{
	padding: 10px 0;
}
/****************************/
/* Kirche / Übernachtung    */
/****************************/
div#alles.kirche{
	height:2235px;
}
div#alles.uebernachtung{
	height:1600px;
}
/****************************/
/* vertikal                 */
/****************************/
.vertikal{
	color:#FFFFCC;
	font-size:20px;
	
	position:absolute;
	/*
	top:110px;
	left:-140px;
	*/
	top:125px;
	left:-160px;
	
	rotation: 270deg;
	-moz-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	-o-transform: rotate(270deg);
	-webkit-transform: rotate(270deg);
	-webkit-transform: rotateZ(270deg); /* Safari */
  transform: rotateZ(270deg); /* Standard syntax */
}
p#countdown{
	font-size:20px;
}

/****************************/
div.clearfloat{
	clear:both;
}