/*
------------------------------------------------------- ALLGEMEINE EINSTELLUNGEN
*/
body {
	margin:0;
	padding:90px 0px 50px 0px;
	background-color: white;
	font-family: Arial, Helvetica, sans-serif;
	list-style-position: inside;
}

hr {
	border: thin solid #0066FF;
	margin: 0px;
}

h1 {
	font-size: medium;
	font-weight: bold;
	margin: 0px;
}

p {
	margin: 5px 0px 10px 0px;
}

/* Wenn Bild in Link, dann keinen haesslichen lila Rahmen */
a img {
	border: none;
}


@media screen {
	body>div.titelzeile {
		position:fixed;
	}
	body>div.navigation_oben {
		position:fixed;
	}
	body>div.navigation_unten {
		position:fixed;
	}
}

* html body {
	overflow:hidden;
} 
 
* html div.inhalt {
	height:100%;
	overflow:auto;
}

/*
----------------------------------------------------------------------- TABELLEN
*/
.event table {
	margin: 0px 0px 10px 0px;
	border-collapse: collapse;
	padding: 5px;
	border-top: thin solid #0099FF;
	border-bottom: thin solid #0099FF;
	background-color: lightyellow;
	font-size: x-small;
}

.event td, th {
	padding: 3px 5px 3px 5px;
}

/*
---------------------------------------------------------------------- FORMULARE
*/
form, input {
	margin: 0px;
}

/*
--------------------------------------------------------------------- TITELZEILE
*/
.titelzeile {
	position:absolute;
	height:60px;
	background-color: #FFFF99;
	top:0;
	left:0;
	width:100%;
	text-align:right;
}

/*
--------------------------------------------------------------- OBERE NAVIGATION
*/
.navigation_oben {
	position:absolute;
	width:100%;
	left:0;
	top:60px;
	padding: 1px;
	margin: 0px 0px 10px 0px;
	font-family: Comic Sans MS;
	background-color: #0099FF;
	color: white;
}

.navigation_oben a, .navigation_oben a:hover {
	text-decoration: none;
	color: white;
	background-color: #0099FF;
	margin: 0px 5px 0px 5px;
	padding: 0px 7px 0px 7px;	
}

.navigation_oben a:hover {
	background-color: #00CCFF;
}

/*
-------------------------------------------------------------- UNTERE NAVIGATION
*/
.navigation_unten {
  font-family: Comic Sans MS;
  position:absolute;
	left:0;
	width:100%;
	background-color: #FFFF99;
	color: white;
	bottom:0;
	padding: 0px 0px 12px 0px;
}

.navigation_unten a, .navigation_unten a:hover {
	text-decoration: none;
	color: white;
	background-color: #0099FF;
	padding: 1px 7px 1px 7px;	
	margin: 0px 5px 0px 5px;
}

.navigation_unten a:hover {
	background-color: #00CCFF;
}

.navigation_unten p {
	float: right;
	font-size: small;
	color: black;
	margin: 4px 10px 0px 0px;
}

/*
------------------------------------------------------------------------- INHALT
*/
.inhalt {
	font-size: x-small;
	overflow: auto;
	padding: 10px 15px 10px 15px;
}

.gaestebuchEintrag {
  font-size: x-small;
  float: left;
	clear: left;
  margin: 10px;
  padding: 5px;
  width: 430px;
  /*height: 160px;*/
	border-top: thin solid lightgrey;
	border-bottom: thin solid lightgrey;
	background-color: lightyellow;
}

.inhalt h2 {
	font-size: small;
	font-weight: bold;
	margin: 10px;
}

.inhalt ul {
	margin: 5px 0px 25px 20px;
}