/* Formatierungen */

.links {text-align:left;}
.rechts {text-align:right;}
.zentr {text-align:center;}
.block {text-align:justify;}


.kursiv {font-style:italic;}
div.inhalt .unicode {font-family:"Lucida Sans Unicode","Arial Unicode MS",sans-serif;}

.clear {clear:both;}
.lfloat {float:left; margin:2ex;}
.rfloat {float:right;margin:2ex;}
.hid {display:none;}

.nol, .nol * {list-style-type:none;}
.nodec {text-decoration:none;}

abbr, acronym {
	border:none;
	font-variant:small-caps;
	}

/* Seitenaufteilung */

html, body {
	background-color:#eee;
	color:#000;
	margin:0;
	padding:0;
	min-width:30em;
	font-family:"Palatino Linotype",Palatino, serif;}
div.inhalt {
	background-color:#fffffd;
	position:absolute;
	color:#000;
	z-index:10;
	margin:0;
	left:8.7em;
	right:10em;
	padding:1ex;
	min-width:10em;
	}
div.nav {
	z-index:0;
	position:absolute;
	left:0;
	top:0;
	width:7.5em;
	margin-top:0;
	margin-right:auto;
	margin-bottom:0;
	margin-left:0;
	padding-left:.5em;
	padding-right:.5em;
	padding-top:0;
	padding-bottom:0;
	}
div[class="nav"] {position:fixed;overflow:auto;height:98%;}
div.rel {
	z-index:0;
	position:absolute;
	right:0;
	top:0;
	width:9.5em;
	margin-top:0;
	margin-bottom:0;
	margin-right:0;
	margin-left:auto;
	padding:.24em;

	}

/* Schriftstile und Größe */

div.artikel {
	font-family:"Palatino Linotype",Palatino,"URW Palladio L", Georgia, serif;
	}
div.nav *, div.rel *,   p.sans, div.sans *  {
	font-family:Tahoma, Verdana, Helvetica, sans-serif;
	}
div.rel form div {font-size:65%}
div.nav  ul.nav, ul.nachbar, .minitext, div.inhalt .minitext ,  div.nav p, div.rel p, div.rel h3, div.rel li {font-size:70%}
div.nav h2, div.rel h2 {font-size:75%}
ul#smp {font-size:80%}	
blockquote.zitat p + p, dl.zit dd {font-size:85%}
blockquote.zitat *, h4, div.nachricht p {font-size:90%}
h3 {font-size:108%;}
h2 {font-size:120%}
h1 {font-size:150%}

blockquote {font-style:italic;}

code {font-family:Courier New, monospace;}

a.akt, .akt strong, dl.zit dt {font-weight:bold;}


/* Ausrichtung */

h1, div.artikel h1, div.artikel h2 , div.rel form div {text-align:center;}

div.artikel p.i  {text-align:justify;}

blockquote.zitat {text-align:right;}


/*Ränder und Einzüge */

h1 {margin-top:0;}

p {margin:2ex 0 2ex 0;
	padding:0;}

p.minitext {margin:.25ex 0 .25ex 0; padding:0;}

/*div.artikel p.i {text-indent:1em;}*/

/* Einzelne Elemente */

img {border:none;vertical-align:middle;}

img.bildlinks {
	float:left;
	margin:5px;
	}

img.bildrechts {
	float:right;
	margin:5px;
	}

a.x:after{content:"\BB";color:#f00;font:bold 100% Tahoma, Verdana, Helvetica, sans-serif;}
a.y:after{content:"\00203A";color:#f00;font:bold 100% Tahoma, Verdana, Helvetica, sans-serif;}

.neu:after {content:" \AB  Neu!";color:#f00;font-size:70%;font:bold 70% Tahoma, Verdana, Helvetica, sans-serif;}	

.aktual:after {content:" \AB  Aktualisiert";color:#090;font:bold 70% Tahoma, Verdana, Helvetica, sans-serif;}

div.inhalt:after {content:"\A9  gk";color:#999;	text-align:right;font:bold 70% Tahoma, Verdana, Helvetica, sans-serif;background-color:#fff;}

div.artikel p.f:first-letter {font-weight:bold;font-size:380%;float:left;color:#a00;background-color:#eed;margin-right:.2ex;padding:.1ex;height:1.8ex;line-height:2ex;}
div.artikel p.f {}


/*Navigation*/



div.nav ul {
	display:block;
	list-style-type:none;
	margin:0;
	padding:0;
	}	
div.nav ul.nav, ul.nachbar {
	margin:2ex 0 2ex 0;
	}
ul.nav li {
	display:block;line-height:2.5ex;
	padding:0;
	margin:0;
	/*border-top:solid 1px #eee;*/
	border-bottom:solid 1px #eee;}

ul.nav li li {margin-left:1em;}
	

ul.nav strong, ul.nav  a  {
	display:block;
	padding:.5ex;
	border-top:solid .2ex #fff;
	border-bottom:solid .2ex #999;
	border-left:solid .2ex #fff;
	border-right:solid .2ex #999;
	text-decoration:none;
	}
	
ul.nav li a:hover {
	border-top:solid .2ex #999;
	border-bottom:solid .2ex #fff;
	border-left:solid .2ex #999;
	border-right:solid .2ex #fff;
	}
a.akt, .akt strong {background-color:#d6d6d6;}

div.navende{
	margin-top:5ex;
	color:#999;
	}
div.navende p {margin:.2em;}	
p.datum:before {
	content:"aktualisiert: "
	}
span.g {
	color:red;
	}
span.k {
	color:blue;
	}
div.nav h2.gk {
	font-size:400%;
	width:1.8em;
	margin:0 auto 0 auto;
	padding:0;
	text-align:center;
	vertical-align:top;
	}
div.nav h2.gk a {
	text-decoration:none;
	border:none;
	}


/*Rechter Bereich */

div.rel.texte {border-top:solid 1ex #88f;}
div.rel.buecher {border-top:solid 1ex #ff8;}
div.rel.computer {border-top:solid 1ex #6ff;}
div.rel.bilder {border-top:solid 1ex #f88;}
div.rel.raetsel {border-top:solid 1ex #8f8;}
div.rel.links {border-top:solid 1ex #fb0;}
div.rel.infos {border-top:solid 1ex #aaa;}
div.rel.kont {border-top:solid 1ex #d8c;}


div.rel h2 {margin:2ex 0 .5ex 0;}

div.rel h3 {margin:.5ex 0 0 0;}

div.rel form div, div.rel div.info, div.rel ul {
	background-color:#f8f8f8;
	margin: .4ex 0 .2ex 0;
	padding:.8ex .5ex .8ex .5ex;
	border:solid 1px #ccc;
	}
div.rel form div textarea {
	font:normal 100% Verdana, Tahoma, Helvetica, sans-serif;
	margin:auto;
	height:12ex;
	width:96%;
	}	
div.rel form div input {
	font:normal 100% Verdana, Tahoma, Helvetica, sans-serif;
	margin:.3ex 0 .3ex 0;
	}
div.rel form div input[type="text"] {
	width:96%;
	margin:auto;
	}
div.rel span.bewlegende {color:#333;}	
div.rel p {margin:0;padding:0;}	

div.rel ul {list-style-position:inside;}
div.rel ul li {margin:0;padding:0;line-height:2.4ex;}

div.rel div.buch {
 font:normal 70% Verdana, Tahoma, Helvetica, sans-serif;
 text-align:center;
 margin:1ex 0;
}

div.rel div.amlink {
 font:normal 70% Verdana, Tahoma, Helvetica, sans-serif;
 text-align:center;
 background-color:#eee;
}

/*Artikel*/
div.artikel {
	max-width:36em;
	margin:auto;
	padding:0 2ex 0 2ex;
	}


	
/* Titelseite */

#titel h1 {font-size:240%;}

div.sg {
	max-width:36em;
	margin-top:1ex;
	margin-right:auto;
	margin-bottom:1ex;
	margin-left:auto;
	padding:1.5ex;
	border:dotted 1px #ccc;
	text-align:justify;
	}
div.sg h3 {
	margin-top:0;
	padding-top:0;
	}



/* Fotos */

table.fotos {
	margin:0 auto 0 auto;
	border:solid 2px #ccc;
	border-collapse:collapse;
	text-align:center;
	}
table.fotos td {
	width:90px;
	height:90px;
	border:solid 2px #eee;
	vertical-align:middle;
	}
table.fotos td img {
	border:none;
	}
div.bild {
	min-width:270px;
	min-height:400px;
	margin:auto;
	border:none;
	text-align:center;
	vertical-align:middle;
	}
div.bild img[height="270"] {
	margin-top:65px;
	}
	
/* Gästebuch und Kontaktformular */
div.nachricht {
	background-color:#f8f8f8;
	color:#111;
	width:auto;
	margin:1ex 0 1ex 0;
	padding:1ex;
	border:dotted 1px #ccc;	
	}
	
div.nachricht h3 {margin:.5ex 0 1ex 0;}

div.nachricht p.name {margin:1.5ex 0 0 0;
	border-bottom:solid .2ex #ccc;
	}

form.nachricht {
	margin:1ex 0 1ex 0;
	padding:1ex;
	width:auto;
	min-width:26em;
	border:dotted 1px #ccc;
	text-align:center;
	}

form.nachricht p.tx {
	float:left;
	top:0;
	left:0;
	width:60%;
	padding:0;
}

form.nachricht p.tx textarea {
	top:0;
	width:100%;
	margin:0;
	padding:0;
	text-align:left;
	font:normal 90% serif;
	}

form.nachricht p.nm {
	top:0;
	right:0;
	margin:0 0 0 auto;
}

form.nachricht p.nm input {margin:0; padding:0; width:auto;font-size:70%}

form.nachricht label {font-size:90%;}


/* Cartoons*/

div.cartoon {
	width:360px;
	margin-top:2ex;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:2ex;
	padding:2ex;
	border:solid .5ex #ccc;	
	text-align:center;
	}

#winkel {max-width:18em;margin-left:auto;margin-right:0;}

/* Tabellen */

table.formatiert, table.formatiert td, table.formatiert th {border:solid 1px #999;border-collapse:collapse;}
table.formatiert th {background-color:#eee;}



/* Buttons */
a.rsslogo {font-weight:bold; font-family:Verdana, Helvetica, sans-serif;background-color:#f90;border:outset 1px white;color:white;text-decoration:none;}
span.pages_webring {line-height:200%;font-weight:bold; font-family:Courier New, monospace;background-color:black;border:outset 1px white;color:#4c0;text-decoration:none;padding:.5ex;}

p#seitenzaehler {
  text-align:center;
  font-size:70%;
  padding:.2ex;
}

p#seitenzaehler a {
  border:ridge 1px #eee;
  padding:.1ex .5em;
  color:#999;
  text-decoration:none;
}	
	
@media print {
 body {background-color:#fff;color:#000;font-size:10pt;padding:0;}
 form, div.nav, .nd {display:none;}
 div.inhalt {position:relative;left:0;right:0;background-color:#fff;}
 div.artikel {max-width:40em;}
 div.rel {clear:both;background-color:#fff;border-top:dotted .33pt #000;position:relative;width:auto;margin:1em;padding:.5em;}
 div.rel.texte, div.rel.buecher, div.rel.computer, div.rel.bilder, div.rel.raetsel, div.rel.links {border:dotted 1pt #000;}
 a {text-decoration:none;color:black;}
 a.x:after {content:' ('attr(href)')'; font-weight:normal;font-style:italic;color:#000;font-family:inherit;}
 div.rel {page-break-before:always;}
 img {page-break-inside:avoid;}
}