/*                     PITY THE FOOL!
   Copyright Philipp Becker, ausser wenn anders angegeben
	                  phibe16 @ gmx.net                       */

body {
    font-family: "comic sans ms", verdana, sans-serif;
    background-color: #fff;
    color: #000;
    font-size: 13px;
    margin: 0px auto;
    text-align: justify;
    }

#header {
    position:relative;
    display:block;
    top: 0;
    text-align: center;
	color: #ffe;
    z-index:1;
    }

#content {
	position:relative;
    display:block;
    left: 50px;
    top: -255px;
	margin-left:auto;
	margin-right:auto;
    width: 419px;
    padding: 0 20px 80px 20px;
    background-color: #eee;
    border: 1px solid #01297f;
    z-index:2;
    }

#footer {
	text-align: center;
	position: relative;
	top: -250px;
	z-index: 2;
	}

h1 {
	text-align: right;
    border: 0;
    margin-bottom: 50px;
	}
	
h2 {
    color: #01297f;
    font-size: 16px;
    margin: 0 0 20px 0;
    }

h3 {
	color: #01297f;
    font-size: 14px;
    margin: 0;
    }

h4 {
    color: #01297f;
    font-size: 14px;
    margin: 50px 0 0 0;
    font-weight: bold;
    text-decoration:underline;
    }
/* allgemeine linkdefinition beginn*/
a:link, a:visited {
    text-decoration:underline;
    color:#01297f;
    }

a:hover {
	background-color:#01297f;
    text-decoration:none;
    color:#00f;
    }

a:active {
    text-decoration:none;
    color:#fff2ee;
    background-color:#01297f;
    }

a.mail {
	font-size: 14px;
	font-weight: bold;
	font-family: "comic sans ms";
	}

a img {
	border: 0;
	}

/* allgemeine linkdefinition ende */
/*
/* p-classes Beginn */
.titelimg {
    text-align: right;
    border: 0;
    margin-bottom: 50px;
    }

#footer p {
	font-size: 10px;
	}

.footertop {
	text-transform: uppercase;
	}

/* p-classes Ende */
/*
/* Galerieseite Beginn */
#galerie_titel {
	width: 407px;
	height: 20px;
	background-color: #bbb8bc;
	padding: 5px 0 5px 10px;
	border: 3px double #01297f;
	font-weight: bold;
	}

#galerie {
	width: 397px;
	border-top: 0;
	border-left: 3px double #01297f;
	border-bottom: 3px double #01297f;
	border-right: 3px double #01297f;
	background-color: #bbb8bc;
	padding: 10px 10px 10px 10px;
	font-size: 14px;
	color: #eee;
	}

#galerie a:hover {
	border: 3px double #01297f;
	background-color: #fff2ee;
	color: #01297f;
	width: 389px;
	}

#galerie_link {
	width: 389px;
	margin: 5px 0 5px 0;
	font-size: 13px;
	}

#galerie_link a {
	border: 3px solid #666;
	width: 450px;
	text-decoration: none;
	}

#galerie_link a:hover {
	border: 3px double #01297f;
	background-color: #555;
	color: #01297f;
	width: 410px;
	}

#galerie_link img {
	width: 100px;
	height: 75px;
	border: 1px solid #444;
	vertical-align: middle;
	margin-right: 6px;
	}

.opaque {
	display:inline;
	float:left;
	border: 3px solid #bbb8bc;
	background-color: #bbb8bc;
	}

.opaque:hover {
	position:relative;
	cursor:pointer;
	}

.opaque:hover b {
	position:absolute;
	top:6px;
	left:1px;
	width:100px;
	height:75px;
	filter:alpha(opacity=70);
	opacity: 0.7;
	-moz-opacity:0.7;
	}

.opaque:hover .color1 b {
	background:#fff2ee;
	}

#seite_galerie {
	text-align: center;
	font-size: 14px;
	}

#seite_galerie a:hover {
	border: 0;
	background-color:#ff01297f0;
    text-decoration:none;
    color:#0000ff;
	}
/* Galerie Ende */
/*
/* Linkliste Beginn */
.buchstabe {
	font-size: 14px;
	font-weight: bold;
	margin: 10px;
	color: #dfe0e5;
	border-bottom: 1px solid #555;
	}

#linkliste {
	width: 397px;
	border-top: 0;
	border-left: 3px double #444;
	border-bottom: 3px double #444;
	border-right: 3px double #444;
	background-color: #666;
	padding: 10px 10px 50px 10px;
	}

.link {
	font-size: 12px;
	margin: 0 0 0 40px;
	padding: 1px
	}

.link_hov strong {
    display:none;
    font-weight:normal;
    }

.link_hov:hover strong,
.link_hov a:hover strong {
    left:120px;
    top:-20px;
    }

.link_hov:hover {
    position:relative;
    z-index:200;
    }

.link_hov a:hover,
.link_hov:hover a {
    border:0;
    position:relative;
    color: #00f;
    }

.link_hov:hover strong,
.link_hov a:hover strong {
    color: #fff;
    display:block;
    visibility:visible;
    position:absolute;
    font-size: 12px;
    background:#000;
    border:1px solid #01297f;
    padding:0;
    text-align: center;
    width: auto;
    z-index:200;
    }

.link_hov img {
    border-bottom: 1px solid #01297f;
    }

.link_hov strong a {
    white-space:nowrap;
    color:#01297f;
    text-decoration:none;
    background:transparent;
    display:block;
    }

.link_hov strong a:hover {
    text-decoration:underline;
    }
/* Linkliste Ende */
/*
/* Kontaktform Beginn */
fieldset {
	text-align: left;
	padding: 20px;
	margin: 0;
	border: 0;
	}

.text4 {
	margin-top: 5px;
	}


input, textarea {
	width: 300px;
	border: 1px solid #01297f;
	margin: 5px 15px 5px 15px;
	background-color: #ffe;
	}

.betreff {
	width: 150px;
	}

.button {
	float:left;
	width: 100px;
	}

.text4 {
	color: 01297f;
}
	

/* Kontaktform Ende */
/*
/* Newspage Beginn */

.datum {
	font-size: 14px;
	font-weight: bold;
	margin: 20px 10px 5px 10px;
	border-bottom: 1px solid #555;
	}

.news {
	font-size: 12px;
	margin: 0 0 0 40px;
	padding: 1px
	}

/* Newspage Ende */