/* @charset "UTF-8";  */
/* CSS (c) 2002-2222 by PeWo-Design  */

body		{ background:#ffffee; margin:0; border:0; margin-left:20px; margin-right:10px; margin-top:0px; }
body.rand	{ background:#ffeeaa; margin-left:10px; margin-right:10px; margin-top:10px; }
body.klik	{ background:#ffeeaa; margin-left:2px; margin-right:2px; margin-top:2px; }
body.fuss	{ background:#800000; margin-left:0px; margin-right:0px; }
body.kopf	{ background:#ffeeaa; margin-left:0px; margin-right:0px; }


.draggable {
  position: absolute;
  user-select: none;
  touch-action: none;
	  /* ?? wichtig: verhindert Browser-eigenes Bild-Dragging */
  -webkit-user-drag: none;
  user-drag: none;
  cursor: grab;
}

.boxleft		{ width:300px; margin: 0 20px 0 0; padding:0px; padding-right:3px; float:left; 
					border:1px solid #600000; background-color:#f2f2f2; box-sizing:border-box; }

.boxleft img	{ max-width:100%; height:auto; display:block; }

.boxright		{ width:250px; margin: 20px 0 0 0; padding:0px; padding-left:3px; float:right; 
					border:1px solid #600000; background-color:#f2f2f2; box-sizing:border-box; }

.boxright img	{ max-width:100%; height:auto; display:block; }



/* TEXTFORMATE ==================================================================== */

a,p,u,b,h1,h2,h3,h4,h5,h6,ul,li,td,button,input,textarea { font-family:Arial, Helvetica, sans-serif; margin-top:0; margin-bottom:0; text-decoration:none; }

.smbutton,.stbutton,img.lyte { cursor:"auto") }
.smbutton,.stbutton,img.lyte { cursor:"pointer") }
.smbutton,.stbutton,img.lyte { cursor:"hand") }

/* { cursor:url('../grafik/icons/pinsel.cur') } */

table			{ border-collapse:separate; }
/* table.klik		{ cellspacing:5px; cellpadding:2px; border-spacing:3px; }  */
td				{ padding:0px; vertical-align:top; }

p,li	{ color:#600000; font-weight:normal; font-size:12px; padding-bottom:8px; line-height:18px; }
li		{ padding-bottom:2px; }
ul		{ padding-bottom:8px; }
li.vw	{ list-style-image: url("../grafik/pikto/verweis.gif"); }

u		{ text-decoration:underline; }
p.klein	{ color:#600000; font-weight:normal; font-size:11px; padding-bottom:0px; line-height:13px; } 

p.gold1	{ background-color:#ffee99; } 
p.gold2	{ background-color:#ffee77; } 
p.gold3	{ background-color:#ffdd55; } 
h3.gold2	{ background-color:#ffee77; } 

xp.rand  { font-size:12px; padding-left:105px; padding-bottom:10px; line-height:18px; }
xp.oben  { font-size:10px; padding-left:20px; padding-bottom:8px; line-height:14px; }
xp.border { font-size:13px; color:#CCCCFF; font-weight:bold; vertical-align:top; text-align:center; }

td.block 		{ font-size:12px; color:#600000; vertical-align:top; padding-top:4px; padding-bottom:4px; text-align:justify; -webkit-hyphens:auto; -ms-hyphens:auto; hyphens:auto; }

td.orga 		{ font-size:12px; color:#600000; vertical-align:top; padding-left:12px; padding-right:12px; padding-top:4px; padding-bottom:4px; border:1px solid #800000; }
td.orgastart	{ font-size:12px; color:#600000; vertical-align:top; padding-left:12px; padding-right:12px; padding-top:4px; padding-bottom:4px; background-color:#ffeeaa; border-radius: 6px; }
td.orgazeit	{ font-size:12px; color:#600000; vertical-align:top; padding-left:12px; padding-right:12px; padding-top:4px; padding-bottom:4px; }

td.trauer 		{ font-size:14px; color:#000000; vertical-align:top; padding-top:4px; padding-bottom:4px; text-align:center; border: solid black 2px; 
				font:16px Papyrus,'Segoe Script','Times New Roman',serif; line-height:28px; }


/* HYPERLINKS ==================================================================== */

a:link,a:visited,a:active { color:#600000; text-decoration:none; font-weight:normal; }
a:hover { color:#600000; text-decoration:underline; }

a.ikon:hover { text-decoration:none;}

/* BILDER ======================================================================== */

img.ecke		{ margin-top:5px; margin-bottom:3px; border:0; margin-right:12px; }
img.rechts		{ margin-top:5px; margin-bottom:3px; border:0; margin-left:12px; }

a.lyte:link,a.lyte:visited,a.lyte:active { color:#ffffee; background-color:#ffffee; }
a.lyte:hover { color:black; background-color:#ffffee; }

/* CHRONIK ======================================================================= */

td.chronikjahr	{ font-size:22px; color:#a00000; font-weight:bold; border-radius: 4px; border:1px solid #a00000; text-align:center; vertical-align:middle;
				 	padding:0px; padding-top:4px; padding-bottom:4px; background-color:#ffeeaa;  }

td.chronikorga	{ font-size:14px; color:#a00000; font-weight:bold; border-radius: 4px; border:1px solid #a00000; text-align:center; vertical-align:middle;
					 padding:0px; padding-top:4px; padding-bottom:4px; background-color:#ffeeaa;  }

td.chronikdatum	{ font-size:12px; color:#600000; font-weight:bold; text-align:right; background-color:#ffeedd; }

td.chronikicon	{ font-size:12px; color:#600000; font-weight:bold; text-align:center; background-color:transparent; padding-left:5px; padding-right:5px; }

td.chroniktext	{ font-size:12px; color:#600000; font-weight:normal; text-align:left; background-color:#ffeedd; }

span.dunkel		{ background-color:#eeccaa; padding:3px; }


/* RAND-BEREICH ======================================================================= */

td.stbutton { font-size:12px; color:#a00000; font-weight:bold;
				border-radius: 4px; border:1px solid #000000; background-color:transparent; cursor:pointer; 
				text-align:center; vertical-align:middle; padding:0px; padding-top:4px; padding-bottom:4px; }
td.stbutton:hover { color:#ffeeaa; background-color:#800000; }


td.weiss { font-size:11px; color:#a00000; font-weight:bold; border:1px solid #800000; text-align:center; vertical-align:top; padding:8px; background-color:white; }


/* KOPF-BEREICH ======================================================================= */

td.smbutton { font-size:12px; color:#A00000; font-weight:bold; border:1px solid #000000; 
				text-align:center; vertical-align:middle; padding:0px; background-color:transparent; cursor:pointer; }
td.smbutton:hover { color:#ffeeaa; background-color:#800000; }

td.flach		{ font-size:0px; border:0px solid #000000; }
td.oabstand 	{ }
td.uabstand	{ font-size:0px; border:0px solid black; background-color:#800000; }


/* FUSS-BEREICH ======================================================================= */

td.fuss { font-size:11px; color:#ffeeaa; text-align:center; vertical-align:top; padding:10px; }

a.fuss:link,a.fuss:visited,a.fuss:active { font-size:11px; color:#ffeeaa; background-color:transparent; }
a.fuss:hover { color:white; }


/* ÜBERSCHRIFTEN ==================================================================== */
/* 1 - Seitenüberschrift (Logo rechts) */
/* 2 - Seitentitel Text links*/
/* 3 - Kapitel */
/* 4 - Amtsbezeichnung (ohne Abstand unten) */

h1 { font-size:24px; color:#ffaa00; letter-spacing:4px; font-weight:bold; padding-bottom:10px; text-align:right; }
h2 { font-size:16px; color:#800000; letter-spacing:1px; font-weight:bold; padding-bottom:5px; }
h3 { font-size:14px; color:#600000; letter-spacing:1px; padding-bottom:5px; margin:0; }
h4 { font-size:14px; margin:0; }
h5 { font-size:13px; padding-bottom:5px; margin:0; }

h1.kopf { font-size:30px; color:#600000; letter-spacing:3px; font-weight:bold; padding-bottom:2px; text-align:center; }
h2.kopf { font-size:17px; color:#800000; letter-spacing:2px; font-weight:bold; padding-bottom:4px; text-align:center; }


/* POSITIONEN LAYER OBJEKTE ====================================================== */

div.toplogo    { position:absolute; z-index:0; left:15px; top:5px; width:100px; height:100px; }


/* = SCROLLBAR ==================================================================== */

body {
	scrollbar-arrow-color: #800000;
	scrollbar-face-color: #ffeeaa;
	scrollbar-3dlight-color: #ffffff;
	scrollbar-highlight-color: #ffffff;
	scrollbar-shadow-color: #ffffff;
	scrollbar-track-color: #ffffff;
	scrollbar-darkshadow-color: #ffffff;}