/* --- CSS Style v1.0, Filewalker.net, October 2008 --- */
/* Modifying or re/use without permission is denied!    */
/* ---------------------------------------------------- */
* {
	margin: 0;
	padding: 0;
}
html, body {
	background-color: white; /* #FFE1FF; */
	color: black;
	margin: 0 auto;
	padding: 0;
}
html, body, tr, td, p, a, h1, h2, li {
	font-family: Tahoma, Arial, sans-serif;
	font-weight: normal;
	font-size: 9pt;
}

/* ------------- Links  ------------------------------------*/
a {
	color: #990000;
	font-size: 0.9em;
	text-decoration: none;
}
a:hover {
	color: red;
	text-decoration: none;
}
a:active {
	color: red;
	text-decoration: none;
}
p > a {
	text-decoration: underline;
}
p > a:hover {
	text-decoration:underline;
}
div#footer > a {
	color:white;
}
div#footer > a:hover {
	color:white;
	text-decoration:underline;
}
/* ------------- Headings ------------------------------------*/
h1 {
	font-size: 1.5em;
	font-weight: bold;
	text-decoration: none;
	margin-bottom: 1em;
	background-image: url("http://ao.peterkoelln.eu/images/h1_herz.gif");
	background-repeat: no-repeat;
	background-position: 0px 2px;
	text-indent: 30px;
}
h2 {
	font-size: 1.2em;
	text-decoration: underline;
	color: #990000;
	margin-bottom: 1em;
}
/* ------------- Ps and text formatting ------------------------------------*/
p {
	line-height:1.5em;
	font-size:10pt;
}
h2 + p {
/* p follows h2 */
	margin-top: 1em;
	margin-bottom: 2em;
}
p + h2 {
/* h2 follows p */
	margin-top: 1em;
}
p + div {
/* div follows p */
	margin-top: 2em;
}
strong {
/* inline strong */
	letter-spacing: 0.2em;
}

/* ------------- Images ------------------------------------*/

img {
	border:none;
}

img.framed {
	border: 1px solid #990000;
	margin:1em;
}

img.framed_left { /* --- Bordered Image left of text --- */
	border: 1px solid #990000;
	margin: 1em;
	clear:right;
	float: left;
}

img.framed_right { /* --- Bordered Image right of text --- */
	border: 1px solid #990000;
	margin: 1em;
	clear:left;
	float: right;
}

p.clear { /* --- p clears float --- */
	clear:both;
}

/* ------------- Other tags ------------------------------------*/

hr {
	border: 0;
	height: 1px;
	background-color: #990000;
}
input, textarea {
	border: 1px solid #330000;
	font-size: 8pt;
	background-color: #330000;
	color: white;
}
ul, ol {
	list-style: none;
	text-align: left;
}
li {
	line-height: 2em;
  margin-bottom:1em;	
}
li > a {
  /* a follows li */
	display: block;
	line-height: 2em;
	text-decoration: none;
}
li > a#last {
  /* --- */
}
li > a:hover {
	text-decoration: none;
}

span.small {
	font-size: 7pt;
}
span.smallnred {
	font-size: 7pt;
	color: red;
}



/* ------------- Navigation List Items ------------------------------------*/
li.textual {
  border-bottom:1px dashed #990000;
  font-size:0.8em;
  margin-bottom:1em;
  text-align:right;  
  color: #990000;
}
li#button_start {
	background-image: url("http://ao.peterkoelln.eu/images/home.png");
	background-repeat: no-repeat;
	background-position:right 0px;
}
li#button_start:hover {
	background-image: url("http://ao.peterkoelln.eu/images/home.png");
	background-position: right -24px;
	background-repeat: no-repeat;
}
li#button_agnes {
	background-image: url("http://ao.peterkoelln.eu/images/agnes.png");
	background-repeat: no-repeat;
	background-position:right 0px;
}
li#button_agnes:hover {
	background-image: url("http://ao.peterkoelln.eu/images/agnes.png");
	background-position: right -24px;
	background-repeat: no-repeat;
}
li#button_olli {
	background-image: url("http://ao.peterkoelln.eu/images/olli.png");
	background-repeat: no-repeat;
	background-position:right 0px;
}
li#button_olli:hover {
	background-image: url("http://ao.peterkoelln.eu/images/olli.png");
	background-position: right -24px;
	background-repeat: no-repeat;
}
li#button_ao {
	background-image: url("http://ao.peterkoelln.eu/images/ao.png");
	background-repeat: no-repeat;
	background-position:right 0px;
}
li#button_ao:hover {
	background-image: url("http://ao.peterkoelln.eu/images/ao.png");
	background-position: right -24px;
	background-repeat: no-repeat;
}
li#button_amt {
	background-image: url("http://ao.peterkoelln.eu/images/amt.png");
	background-repeat: no-repeat;
	background-position:right 0px;
}
li#button_amt:hover {
	background-image: url("http://ao.peterkoelln.eu/images/amt.png");
	background-position: right -24px;
	background-repeat: no-repeat;
}
li#button_kirche {
	background-image: url("http://ao.peterkoelln.eu/images/kirche.png");
	background-repeat: no-repeat;
	background-position:right 0px;
}
li#button_kirche:hover {
	background-image: url("http://ao.peterkoelln.eu/images/kirche.png");
	background-position: right -24px;
	background-repeat: no-repeat;
}
li#button_feier {
	background-image: url("http://ao.peterkoelln.eu/images/feier.png");
	background-repeat: no-repeat;
	background-position:right 0px;
}
li#button_feier:hover {
	background-image: url("http://ao.peterkoelln.eu/images/feier.png");
	background-position: right -24px;
	background-repeat: no-repeat;
}
li#button_gaeste {
	background-image: url("http://ao.peterkoelln.eu/images/gaeste.png");
	background-repeat: no-repeat;
	background-position:right 0px;
}
li#button_gaeste:hover {
	background-image: url("http://ao.peterkoelln.eu/images/gaeste.png");
	background-position: right -24px;
	background-repeat: no-repeat;
}
li#button_guestbook {
	background-image: url("http://ao.peterkoelln.eu/images/guestbook.png");
	background-repeat: no-repeat;
	background-position:right 0px;
}
li#button_guestbook:hover {
	background-image: url("http://ao.peterkoelln.eu/images/guestbook.png");
	background-position: right -24px;
	background-repeat: no-repeat;
}
li#button_impressum {
	background-image: url("http://ao.peterkoelln.eu/images/impressum.png");
	background-repeat: no-repeat;
	background-position:right 0px;
}
li#button_impressum:hover {
	background-image: url("http://ao.peterkoelln.eu/images/impressum.png");
	background-position: right -24px;
	background-repeat: no-repeat;
}

/* ------------- DIV Container ------------------------------------*/
div#wrapper {
	text-align: center;
}
div#top {
	border-bottom: 1px solid #FF0000;
	line-height: 100px;
	background-image: url("http://ao.peterkoelln.eu/images/logo.png");
	background-position: left;
	background-repeat: no-repeat;
}
div#top_right {
	margin-left: 740px;
	margin-top: -100px;	
	background-image: url("http://ao.peterkoelln.eu/images/logo_r1.gif");
	background-repeat: repeat-x;
}
div#top_second {
	border-bottom: 1px solid black;
	background-image: url("http://ao.peterkoelln.eu/images/topmenu_bg1.png");
	background-repeat: repeat-x;
	line-height: 20px;
	text-indent: 2em;
	text-align: left;
	color: white;
	font-size: 0.8em;
}
div#left {
  margin-left:20px;
  padding-top:20px;
	float: left;
	width: 130px; /* effektiv 150 breit */
}
div#center {
	margin-left: 170px; /* 150 + 20 links */
	border-left: 1px dashed #cccccc;
	padding: 2em;
	text-align: left;
	min-height: 400px;
}
div#footer {
	border-top: 1px solid #FF0000;
	border-bottom: 1px solid #FF0000;
	background-image: url("http://ao.peterkoelln.eu/images/topmenu_bg1.png");
	background-repeat: repeat-x;
	clear: left;
	line-height: 20px;
	color: white;
	font-size: 0.8em;
}

/* ------------- Content Boxes ------------------------------------*/

div.content_box_head {
	border: 1px solid #990000;
	margin-left:50px;
	margin-right:50px;
	background-image: url("http://ao.peterkoelln.eu/images/content_box_head.png");
	background-repeat: repeat-x;
	line-height: 20px;
	text-indent: 1em;
	font-weight: bold;
	font-size: 1.2em;
	color: white;
}
div.content_box {
	border-left: 1px solid #990000;
	border-right: 1px solid #990000;
	border-bottom: 1px solid #990000;
	background-image:url("http://ao.peterkoelln.eu/images/content_box_bg.png");
	background-repeat:repeat;
	margin-left:50px;
	margin-right:50px;	
	padding: 1em;
}
/* ------------- Special ------------------------------------*/
#Uhr {
	position: absolute;
	right: 5px;
	top: 61px;
	font-size: 0.8em;
	color: white;
}