<style type="text/css">
/*<![CDATA[*/
html {
   margin: 0;
   padding: 0;
}
body {
	margin: 0;
	padding: 0;
	background: #fff;
	font-family:georgia, serif;
	
}
p {
	margin: 1em 10px;
}

a:link { 
text-decoration: none;
	color: navy;
} 

a:hover {
text-decoration : underline; 
	color: silver;
} 

a:active {
text-decoration: none;
	color: maroon;
} 

a:visited {
text-decoration: none;
	color: navy;
}

#main {
	margin-top: 19px;
	padding: 0;
	max-width: 990px;
	height: 730px;
	text-align: left;
	border: solid 1px #cc1177;
	border-radius: 20px;
	overflow: hidden;
}
#header {
	margin: 0;
	padding: 0;
}	
#inhalt {
	float: left;
	position: relativ;
	padding: 0;
	border: 0;
	width: 760px;
	height: 630px;
	margin: 0;
	text-align: justify;
	overflow-y: auto;
}
#rechts {
	float: right;
	width: 230px;
	height: 630px;
	padding: 0;
	margin: 0;
}
.ueber {
	font-weight: bold;
	font-size: 110%;
	font-variant: small-caps;
}
.klein {
	font-size: 80%;
}
.rahmen {
	border: 1px solid silver;
	padding: 3px; 
	margin-bottom: 2px; 
	background: #fff;
}
.text { 
	margin: 3px; 
	border-radius: 20px; 
	background-color: #fff; 
	opacity: 0.8;
	padding: 1px;
}
/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

Copyright (c) Stu Nicholls www.cssplay.co.uk. All rights reserved.
-This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
.slideHolder {width:246px; margin:0; font-family:georgia, serif; float:left;}
.slideOuter {height:500px; width:246px; overflow:hidden; margin:0;}
.slideOuter .slide {padding:0; margin:0; list-style:none; width:246px; overflow:hidden; background: #f0f0f0;}
.slideOuter .slide li {display:block; float:left; height:98px; border-bottom:2px solid #fff; width:246px; overflow:hidden;-webkit-transition: 0.25s;-moz-transition: 0.25s;-o-transition: 0.25s;transition: 0.25s;}

.a0 .slideOuter .slide li.p1 {background:url(bilder/ab4.jpg) bottom no-repeat;}
.a0 .slideOuter .slide li.p2 {background:url(bilder/ab11.jpg ) bottom no-repeat;}
.a0 .slideOuter .slide li.p3 {background:url(bilder/abpinsel.jpg) left -100px no-repeat;}
.a0 .slideOuter .slide li.p4 {background:url(bilder/tv02.jpg) bottom no-repeat;}
.a0 .slideOuter .slide li.p5 {background:url(bilder/ab3.jpg) bottom no-repeat;}

.a1 .slideOuter .slide li.p1 {background:url(bilder/linkzeichnungen.jpg) bottom no-repeat;}
.a1 .slideOuter .slide li.p2 {background:url(bilder/linkkf.jpg) left bottom no-repeat;}
.a1 .slideOuter .slide li.p3 {background:url(bilder/limkkf.jpg) bottom no-repeat;}
.a1 .slideOuter .slide li.p4 {background:url(bilder/ekg.jpg) -290px -40px no-repeat;}
.a1 .slideOuter .slide li.p5 {background:url(bilder/ab.jpg) bottom no-repeat;}

.a2 .slideOuter .slide li.p1 {background:url(bilder/199.jpg) bottom no-repeat;}
.a2 .slideOuter .slide li.p2 {background:url(bilder/linkpaar.gif) bottom no-repeat;}
.a2 .slideOuter .slide li.p3 {background:url(bilder/linkporz.jpg) bottom no-repeat;}
.a2 .slideOuter .slide li.p4 {background:url(bilder/wassersport1.jpg);}
.a2 .slideOuter .slide li.p5 {background:url(bilder/wassersport2.jpg);}

.a3 .slideOuter .slide li.p1 {background:url(bilder/ab10.jpg) bottom no-repeat;}
.a3 .slideOuter .slide li.p2 {background:url(bilder/ab12.jpg) bottom no-repeat;}
.a3 .slideOuter .slide li.p3 {background:url(bilder/linkfoto.jpg);}
.a3 .slideOuter .slide li.p4 {background:url(bilder/linkwein.jpg);}

.slideOuter .slide:hover li {height:43px;}
.slideOuter .slide:hover li:hover {height:318px;}
.slideOuter .slide li h1 {padding:0 15px; margin:0; font-size:18px; font-variant: small-caps; line-height:41px; text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.8);}

.slideOuter .slide li.p1 h1 {color:#906;}
.slideOuter .slide li.p2 h1 {color:#c17;}
.slideOuter .slide li.p3 h1 {color:#c39;}
.slideOuter .slide li.p4 h1 {color:#c69;}
.slideOuter .slide li.p5 h1 {color:#c99;}

.slideOuter .slide li {color:#fff;}

#info .slideOuter .slide li p {background:url(bilder/bgtrans2.gif); padding:0 5px 20px 15px; margin:0; font-size:14px; line-height:17px; text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.8); color:navy;}
#info .slideOuter .slide li a {display:block; color:navy; padding:0 15px; margin:0; font-size:14px; line-height:25px; width:230px; font-weight:bold; text-decoration:none;}
#info .slideOuter .slide li a:hover {background:url(bilder/bgtrans3.gif);text-decoration:underline;}

.clear {clear:left;}

.menu {padding:0; margin:0; list-style:none; width:990px; height:100px; position:relative; margin:0 auto;}
.menu > li {width:246px; height:98px; float:left; position:relative; background:#fff; border-bottom:2px solid #fff; margin-right: 2px; border-radius: 20px 20px 0 0;}
.menu li.a0 {background: url(bilder/schriftzuginv.jpg) left bottom no-repeat; color:#fff;}
.menu li.a1 {background: url(bilder/3schwesternlink.jpg); color:#fff;}
.menu li.a2 {background: url(bilder/199_7.jpg) bottom; color:#fff;}
.menu li.a3 {background: url(bilder/ausstellung01.jpg); color:#fff; margin:0;}
#info .menu > li > h1 {padding:0 15px; margin: 0; font-size: 22px; font-family: georgia, serif; line-height: 43px; text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.6);}
.menu > li .slideHolder {height: 0; overflow: hidden; position: absolute; left: 0; top: 100px; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s;}
.menu > li .slideOuter {position: absolute; bottom: 0; left: 0;}

.menu > li:hover > .slideHolder {height: 500px;}

.menu > li.a0:hover > .slideHolder .p4,
.menu > li.a1:hover > .slideHolder .p5,
.menu > li.a2:hover > .slideHolder .p2,
.menu > li.a3:hover > .slideHolder .p2 {border-radius: 0 0 20px 20px;}
/*]]>*/
</style>