/* Formatierungen */

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

.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 {
	color:#000;
	margin:0;
	padding:0;
	font-family:"Palatino Linotype",Palatino,"URW Palladio L", Georgia, serif;
	}
div.inhalt {
	color:#000;
	background-color:#fffffc;
	top:0;
	margin-top:3em;
	margin-right:11em;
	padding:1ex;
	}
div.nav {
	background-color:#fefeee;
	width:100%;
	position:absolute;
	left:0;
	top:0;
	right:0;
	margin:0;
	padding:0;
	text-align:center;
	height:3em;
	border-bottom:solid 1px #f0f0e0;
	}	
div.rel {
	background-color:#fefeee;
	position:absolute;
	right:0;
	top:3em;
	width:9.5em;
	margin:.5em;
	padding:0 .4ex .4ex .4ex;
	overflow:auto;
	border:dotted 1px #cca;
        bottom:0;
        margin-bottom:3ex;
	}
div.navende {
	position:absolute;
	top:0;
	right:0;
	margin:.4ex;
	text-align:right;
	color:#999;
	}
	
div.texte:before {content:"";display:block;margin-top:.5ex;border-top:solid 1ex #88f;}
div.buecher:before {content:"";display:block;margin-top:.5ex;border-top:solid 1ex #ff8;}
div.computer:before {content:"";display:block;margin-top:.5ex;border-top:solid 1ex #6ff;}
div.bilder:before {content:"";display:block;margin-top:.5ex;border-top:solid 1ex #f88;}
div.raetsel:before {content:"";display:block;margin-top:.5ex;border-top:solid 1ex #8f8;}
div.links:before {content:"";display:block;margin-top:.5ex;border-top:solid 1ex #fb0;}
div.infos:before {content:"";display:block;margin-top:.5ex;border-top:solid 1ex #aaa;}
div.kont:before {content:"";display:block;margin-top:.5ex;border-top:solid 1ex #d8c;}

/* Schriftstile und Größen */

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%}
blockquote.zitat p + p, dl.zit dd {font-size:85%}
blockquote.zitat *, h4, div.nachricht p {font-size:90%}
h3 {font-size:105%;}
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;}

h1, h2, h3, h4,div.inhalt h1, div.inhalt h2,div.inhalt h3, div.inhalt h4 {font-family:Tahoma, sans-serif;color:#447;}

div.navende a {text-decoration:none;}

/* 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:.2ex 0 .2ex 0;padding:0;}

div.rel p, div.rel form, div.navende p {margin:0;padding:0;}

/* Einzelne Elemente */

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

.bildlinks {
	float:left;
	margin:5px;
	}
.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;}

div.artikel p.f:first-letter {font-weight:bold;font-size:380%;float:left;color:#447;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;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	margin-top:0;
	padding:0;
	position:absolute;
	left:5.5em;
	right:5.5em;
	}
div.nav ul.nav {
	top:0;
	}
ul.nav li ul {
	top:1.45em;
	left:0; /*IE*/
	z-index:1;
	}
ul.nav li {
	display:inline;
	padding:.5ex;
	margin:0;
	}
ul.nachbar {
	position:absolute;
	top:3em;
	margin:auto;
	z-index:1;
	}
ul.nachbar li {
	display:inline;
	padding:.5ex;
	margin:0;
	font-size:90%;
	}
ul.nav li a  {
	text-decoration:none;
	}	
ul.nav li a:hover {
        background-color:#ddc;
	}
span.g {
	color:red;
	}
span.k {
	color:blue;
	}
div.nav h2.gk {
	width:1.2em;
	margin:0;
	padding:0;
	text-align:center;
	position:absolute;
	top:0;
	left:0;
	width:2em;
	font-size:220%;
	}
div.nav h2.gk a {
	text-decoration:none;
	border:none;
	display:block;
	}
div.nav h2.gk:after {
	content:"LOG";
	font-size:27%;
	font-weight:normal;
	right:0;display:block;
	text-align:right;
	margin-right:1.5em;
	margin-top:-1.6ex;
	color:#666;
	}	

/*Rechter Bereich */

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

div.rel > h2:first-child, div.rel >form:first-child h2 {margin-top:.5ex;}

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

div.rel form div, div.rel div.info, div.rel ul {
	background-color:#fffff8;
	margin: .4ex 0 .2ex 0;
	padding:.8ex .5ex .8ex .5ex;
	border:solid 1px #cca;
	}
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 ul {list-style-position:inside;}
div.rel ul li {margin:0;padding:0;line-height:2.4ex;}

/*Artikel*/

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

#titel div.inhalt li {font-size:90%;border-left:solid 1ex #99b; padding-left:.5ex;display:list-item;width:42%; float:left; margin-right:4.5%;margin-bottom:.8ex;}
#titel div.inhalt h2 {clear:both;}

#titel h1 {font-size:240%;}
#titel div.inhalt > ul {list-style-type:none;}

div.sg {
	max-width:36em;
	margin-top:1ex;
	margin-right:auto;
	margin-bottom:1ex;
	margin-left:auto;
	padding:1.5ex;
	border-bottom:solid .8ex #99b;
	border-right:solid .8ex #99b;
	border-left:dotted 1px #aac;
	border-top:dotted 1px #aac;
	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-bottom:solid .8ex #99b;
	border-right:solid .8ex #99b;
	border-left:dotted 1px #aac;
	border-top:dotted 1px #aac;
	}	
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 #cca;border-collapse:collapse;}
table.formatiert th {background-color:#fefeee;}

/* 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:white;border:outset 1px white;color:#4c0;text-decoration:none;padding:.5ex;}
	

blockquote.zitat {font-size:92%;color:#669;margin-left:auto; width:auto; padding-right:1ex;border-right:solid 1ex #99b;margin-right:0;}

/* Extra Positionierung */

div[class="nav"] {position:fixed;}
div[class~="rel"] {position:fixed;}
div[class="navende"] {position:fixed;}
div[class="nav"] ul {position:fixed;}
div[class="nav"] ul li ul {left:5.5em;position:fixed;}
div[class="nav"] h2.gk {position:fixed;}

span.img.h, div.img.h {width:30%;display:block;float:left;padding:1ex;}
span.img.v, div.img.v {width:20%;display:block;float:left;padding:1ex;}
.img img {width:100%;}

@media print {
 html {background-color:#fff;}
 body {background-color:#fff;color:#000;font-size:10pt;padding:0;}
 form, div.nav, .nd {display:none;}
 div.inhalt {margin:auto;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;}
}

/*
#smp li > ul {display:none;}
     
#smp li:hover > ul {display:block;}

ul#smp {width:15em;list-style-type:none;font-family:Tahoma; font-size:80%;}

#smp ul {display:block; width:16em; height:auto;margin:0; padding:0 0 .5ex 0; background-color:#ffe; list-style-type:none;border:solid 2px #ccb;}
     
#smp li {border:dotted 1px #ccb; margin:.5ex .5ex 0 .5ex; }
     
     
#smp     li:hover {background-color:#eed;}
       
#smp     li ul {width:14em; margin-left:2em;}

#smp a {color:#444; text-decoration:none;}
#smp a:visited {color:#777;}
#smp a:active {color:#999;}*/