body {
	background: #444;
	font-size: 10pt;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	color: #333;
	text-align: center;}
	
img { border: 0; padding: 0; margin: 0;}

#page {
	width: 700px;
	height: 718px;
	background: #fff url(../images/backgrounds/wir.jpg) no-repeat;
	color: #555;
	margin: 0 auto;
	padding: 0; }
	
.leistungen #page { background: #fff url(../images/backgrounds/leistungen.jpg) no-repeat;}
.haus #page { background: #fff url(../images/backgrounds/hdr.jpg) no-repeat;}
.partner #page { background: #fff url(../images/backgrounds/partner.jpg) no-repeat;}
.kontakt #page { background: #fff url(../images/backgrounds/kontakt.jpg) no-repeat;}
.impressum #page, .datenschutz #page { background: #fff url(../images/backgrounds/impressum.jpg) no-repeat;}
.anfahrt #page, .bildergalerie #page { background: #fff url(../images/backgrounds/anfahrt.jpg) no-repeat;}
.philosophie #page { background: #fff url(../images/backgrounds/philosophie.jpg) no-repeat;}
	


#logo { width: 123px; height: 101px; text-align: left; float: right; margin: 0 20px 0 0 ; }

#nav {
	height: 684px;
	width: 24px;
	margin: 0; 
	padding: 0;
	float: left;
	background-color: #B1000D; background-image: url(../images/buttons/nav.gif); background-position: 0 0;	}

#nav li,
#nav a {
	width: 24px;
	font-size: 1px;
	line-height: 1.0;
	text-indent: -9999px;
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
	display: block;
	text-decoration: none;
	background-image: url(../images/buttons/nav.gif);
	background-position: 0 0;
	outline: 0;
}
	
#nav #n1 a { height: 77px; background-position: 0 0; }
#nav #n2 a { height: 131px; background-position: 0 -77px; }
#nav #n3 a { height: 104px; background-position: 0 -208px; }
#nav #n4 a { height: 73px; background-position: 0 -312px; }
#nav #n5 a { height: 94px; background-position: 0 -385px; }
#nav #n6 a { height: 98px; background-position: 0 -479px; }
#nav #n7 a { height: 107px; background-position: 0 -577px; }


#nav #n1 a:hover, #nav #n1 a:focus, #nav #n1 a:active, #nav #n1 a.active, #nav #n1 a.active:hover, #nav #n1 a.active:focus, #nav #n1 a.active:active { background-position: -25px 0; }
#nav #n2 a:hover, #nav #n2 a:focus, #nav #n2 a:active, #nav #n2 a.active, #nav #n2 a.active:hover, #nav #n2 a.active:focus, #nav #n2 a.active:active { background-position: -25px -77px; }
#nav #n3 a:hover, #nav #n3 a:focus, #nav #n3 a:active, #nav #n3 a.active, #nav #n3 a.active:hover, #nav #n3 a.active:focus, #nav #n3 a.active:active { background-position: -25px -208px; }
#nav #n4 a:hover, #nav #n4 a:focus, #nav #n4 a:active, #nav #n4 a.active, #nav #n4 a.active:hover, #nav #n4 a.active:focus, #nav #n4 a.active:active { background-position: -25px -312px; }
#nav #n5 a:hover, #nav #n5 a:focus, #nav #n5 a:active, #nav #n5 a.active, #nav #n5 a.active:hover, #nav #n5 a.active:focus, #nav #n5 a.active:active { background-position: -25px -385px; }
#nav #n6 a:hover, #nav #n6 a:focus, #nav #n6 a:active, #nav #n6 a.active, #nav #n6 a.active:hover, #nav #n6 a.active:focus, #nav #n6 a.active:active { background-position: -25px -479px; }
#nav #n7 a:hover, #nav #n7 a:focus, #nav #n7 a:active, #nav #n7 a.active, #nav #n7 a.active:hover, #nav #n7 a.active:focus, #nav #n7 a.active:active { background-position: -25px -577px; }



#contentarea {
	width: 290px;
	float: right;
	font-size: .85em;
	line-height: 1.5em;
	color: #444;
	margin: 30px 30px 20px 240px;
	text-align: left;
	padding: 0;}
	
#contentarea img {margin: 5px;}
	
	
	
table { width: 250px; border: none; text-align: left; line-height: 1.1em;}
td { vertical-align: top;}
td.logo {text-align: left; width: 90px; padding-bottom: 15px;}
td.manu {text-align: left; width: 120px;}
td.hdr { text-align:left; width: 170px; padding-bottom: 7px;}
.haus table { width: 280px; border: none; text-align: left; line-height: 1.1em}
	
.datenschutz #contentarea { width: 280px; height: 520px;  overflow: auto; padding-right: 20px; margin-right: 20px;}
.leistungen #contentarea { width: 290px; height: 530px;  overflow: auto; padding-right: 20px; margin-right: 20px;}

.anfahrt #contentarea { width: 600px; margin: 20px 48px 20px 25px;}
.bildergalerie #contentarea { width: 620px; margin: 40px 20px 20px 20px;}

#topleiste img {padding-right: 14px;}

#topleiste { width: 620px; margin: 0; padding: 0;}

#map { width: 600px; height: 500px;}
#bild { width: 485px; height: 400px; margin-top: 14px;}
#sidebar {float: right; width: 124px; margin-top: 14px;}	
#sidebar img {padding-bottom: 12px; padding-right: 14px;}
	
#footer {
	width: 700px;
	padding: 10px 0 3px 0;
	clear: both;
	text-align: center;
	font-size: 0.9em;
	color: #444;
	
	}

#footer a {color:#444; padding-right: 5px;text-decoration: none;}
#footer a:hover, #footer a.active { text-decoration: none; color: #B1000D;}


h1, h1 a {
	font-size: 1.5em;
	color: #555;
	padding-top: 0;}

h2 {
	font-size: 1em;
	color: #666;
	padding: 15px 0 0 0;
	margin:  0;}
	
p { padding: 10px 0 0 0; margin: 0;} 


a {	color: #B1000D;
	text-decoration: underline;}
	
.fett { font-weight: bold; }
.kursiv {font-style: italic;}
.mark {color: #B1000D;}

#popup {
	background: #fff; position: absolute; display: none; margin: 250px 0 0 20px;  z-index: 100; border: 30px solid #444; text-align: right; padding: 10px 10px 5px 0; opacity:0.93; /* CSS3 (Neuere Browser außer Internet Explorer) */
    filter:alpha(opacity=93); /* Internet Explorer 4-7 */}
#popup p {margin: 0; padding: 0; font-size: 20px}
.border {border:1px solid #cecece;}