/****	Allgemeines	*/

	* 	{ margin: 0; padding: 0; }
	html { 
		height: 100%; 
		background-color: #800080;
		color: black;
		}
	body {	
		height: 100%;
		font-family: verdana, arial, sans-serif;
		font-size: 10pt;
		color: black;
		background-color: #800080;
		*text-align: center;	/* für ie */
		}

	img 	{ margin: 2px; border: 0; }
	ul 	{ list-style: none; }
	p 	{ margin: 5px 0px; line-height: 1.3em; }



/****	testweise	*/

/* shop und login: forms */

form { margin: 1em 0 2em; }
fieldset { border: none; }
fieldset legend { display: none; }
form label { width: 9em; float: left; } 
input[type=text], input[type=password], select, textarea 
	{ left: 9em; padding: 2px; width: 15em; border: 1px solid #808; background: #dcd; margin-bottom: 0.5em; } 
select option { margin: 2px; }
input.plz { width: 4em; } input.ort { width: 10em; }
input.datum { width: 10em; }
input[type=checkbox], input[type=radio] { padding: 2px; border: 1px solid #808; background: #dcd; margin-bottom: 0.5em; }
input[type=submit], input[type=reset], #c297 input[type=button], button
	{ margin: 1em 1em 1em 0; padding: 2px; border: 1px solid #808; width: 10em; 
	color: #fefefe; font-weight: bold; text-align: center; text-decoration: none; background: #808 url("verlauf.png") left bottom repeat-x; 
	border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; }
input[type=submit]:hover, input[type=submit]:focus, input[type=reset]:hover, input[type=reset]:focus, #c297 input[type=button]:hover, #c297 input[type=button]:focus
	{ background-position: left center; cursor: pointer; }
#c265 input[type=submit], input[type=reset], button
	{ float: left; }
#c265 .versteckfelder { height: 1px; visibility: hidden; display: none; }
#c263 button
	{ border: 0; margin: 0 1em 0 0; padding: 0; width: auto; display: inline; background: none; 
	font-family: verdana, arial, sans-serif!important; font: 10pt normal; text-decoration: underline; color: #551a8b; }
#c263 button:hover, #c263 button:focus { text-decoration: none; cursor: pointer; }
.powermailfe_list table { margin-top: 0.5em; }
div .tx-powermail-pi1_confirmation form { display: inline-block; }

/* login seite */
#c4 input, #c65 input { width: 10em; }
#c65 a { display: block; width: 10em; margin: 1em 1em 1em 0; padding: 3px 0; border: 1px solid #a00; background-color: #f00;
	text-align: center; color: #fefefe; font-weight: bold; border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; }



/****	Links		*/

	a 
		{ text-decoration: underline; }
	a:hover 
		{ text-decoration: none; }
	h1 a, h2 a, h3 a, h4 a, h5 a
		{ text-decoration: none; color: #800080; }
	h2 a { color: #000; display: block; width: 90%; }
	h2 a:hover:after { content:"\00A0\00A0 > mehr"; font-weight: normal; text-align: right; }
	#main a.internal-link
		{ }
	/* a.mail:hover:after { color: #333; content: "(\04D3t)pfadieschenberg.ch"; } */

	#main a[href^="http"]
		{ background: url(pfeil.gif) no-repeat center left; padding-left: 11px; }
	#main a[href^="mailto"], a.mail
		{ background: url(at.gif) no-repeat center left; padding-left: 11px; }
	#main a[href$=".pdf"]
		{ background: url(pdf.gif) no-repeat center left; padding-left: 12px; }
	#main a[href$=".doc"], #main a[href$=".dot"], #main a[href$=".docx"]
		{ background: url(doc.gif) no-repeat center left; padding-left: 12px; }
	#main a[href$=".xls"], #main a[href$=".xlsx"]
		{ background: url(excel.gif) no-repeat center left; padding-left: 12px; }
	.csc-uploads a[href$=".jpg"], .csc-uploads a[href$=".png"], .csc-uploads a[href$=".gif"]
		{ background: url(bild.gif) no-repeat center left; padding-left: 12px; }
	a.totop:after
		{ content: " \21D1";}



/****	Rundum und oben	*/

	#alles {
		position: relative; top: 0;
		width: 80%; min-width: 700px;
		min-height: 100%; height: auto !important; height: 100%;
		overflow: auto;
		margin: 0 auto; padding: 0 3em;
		background-color: #fefefe; color: #000;
		*text-align: left;	/* für ie */
		}

	#schattenl { width: 3em; 
		min-height: 100%; height: auto !important; height: 100%;
		position: absolute; top: 0; left: 0; 
		background: url("schattenl.png") right repeat-y;
		background-color: #800080;
		}
	#schattenr { width: 3em; 
		min-height: 100%; height: auto !important; height: 100%;
		position: absolute; top: 0; right: 0;
		background: url("schattenr.png") left repeat-y;
		background-color: #800080;
		}

	#top {
/*		position: absolute; top: 0;
		width: 80%; min-width: 600px; height: 6em;	ohne typo */
		margin: 0 auto;
		background: url("verlauf.png") bottom repeat-x;
		background-color: #800080;
		z-index: 2;
		}
	html>body #top {	
	/* damit es nur moderne Browser interpretieren 
    		position: fixed; */
		}
	#top  {		/* für ie. aber jetzt für alle (mit typo) */
		position: relative; top: 0;
		width: 100%; min-width: 600px; height: 6em;
  		} 
	#top a { color: #fefefe; text-decoration: underline; }

	#top img { position: absolute; height:93px; width:451px; margin-left:5em; } 
	#ieheader { display: none; }



/****	Hauptsachen	*/
		
	#main {
		min-height: 35em; height: auto !important; height: 100%;
/*		margin: 6em 17em 0 14em;  nur bei fixem top */
		margin: 0em 17em 0 14em; 
/*		*margin: 0 12em 0 0;  	für ie ohne typo*/
		*margin: 0 15em 0 12em;  /* für ie mit typo */
		padding: 2em 1em 4em;
		background-color: #fefefe; color: #000;
		border-left: 2px dotted #800080;
		}

	/* Anschlagkasten auf Startseite */
	#c270 h2 { margin: 0; border: none; background: url(postit.png) no-repeat top right; padding: 1em; }
	#c270 h2 a:hover:after { content:"\00A0\00A0 >" !important; font-weight: normal; text-align: right; }
	#c270 ul { background: url(postit.png) no-repeat bottom right; padding: 0 1.5em 3em; }
	#c270 li:first-child { display: none; }
	#c270 li { margin-bottom: 0.5em; }


	#gelb { margin-top: -1em; }
	#gelb p, #orange p, #rot p, #violett p, #blau p, #grun p {
		padding: 1em; margin-top: 0 !important;
		min-height: 5em;
		}
	#gelb p { border: 1px solid #ff0; }
	#orange p { border: 1px solid #f90; }
	#rot p { border: 1px solid #f00; }
	#violett p { border: 1px solid #c0c; }
	#blau p { border: 1px solid #33f; }
	#grun p { border: 1px solid #0c0; }

	h1, h2, h3, h4, h5 {
		font-weight: bold;
		padding: 1px;
		}
		h1 {
			font-size: 15pt;
			margin: 0 0 1em;
			}
		h2 {
			font-size: 12pt;
			margin: 1em 0 0em;
			padding: 0.2em 0.7em 0.1em;
			border: 1px solid;
			border-radius-topleft: 10px;	border-radius-topright: 10px;
			-moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px;
			-khtml-border-radius-topleft: 10px;-khtml-border-radius-topright: 10px;
			}
		#gelb h2 { background-color: #ff0; border-color: #ff0; }
		#orange h2 { background-color: #f90; border-color: #f90; }
		#rot h2 { background-color: #f00; border-color: #f00; }
		#violett h2 { background-color: #c0c; border-color: #c0c; }
		#blau h2 { background-color: #33f; border-color: #33f; }
		#grun h2 { background-color: #0c0; border-color: #0c0; }
		
		h3 {
			font-size: 12pt;
			margin: 2em 0 0.6em;
			border-bottom: 1px solid #800080;
			}
		h4 {
			font-size: 10pt;
			margin: 1em 0;
			}


	table * 
		{ vertical-align: top;  text-align: left; }
	table th 
		{ padding-top: 0.5em; }
	.kalender { width: 130%; }
	.kalender .td-0 { width: 8em; }
	.kalender .td-2 { width: 10em; }
	.emailliste { width: 130%; }
	.emailliste .td-0 { width: 10em; }

	/* aktueller Kalender auf Startseite */
	#c286 { padding: 1em; margin-top: 0; border: 1px solid #f00; }
	#c286 .td-0 { width: 6em; }
	#c286 th { padding-top: 0; }
	#c286 thead .td-1 { visibility: hidden; }
	#c286 .td-2 { width: 25%; visibility: hidden; }

	ul.liste, ul.listekl
		{ margin-left: 0.5em; margin-bottom: 3px; padding-left: 1em; }
	ul.liste li , ul.listekl li 
		{ margin-bottom: 3px; }
	ul.liste { list-style: disc url(bullet2.png); }
	ul.listekl { list-style: disc url(bullet1.png); }

	#box {
		float: right;
		width: 15em;
		margin: 0;
		padding: 3em 1em 1em;
		background-color: transparent; color: #000;
		}

	#box .textpic-caption 
		{ margin-bottom: 1em; font-size: 80%; }


/****	Menusachen	*/

	#menu {
		float: left;
		width: 12em; 
		min-height: 100%; height: auto !important; height: 100%;
		margin: 0;
		padding: 2em 1em;
		background-color: transparent; color: #000;
  		}
	#menu a {
		color: #800080;
		text-decoration: none;
		display: block;
		padding: 1px 2px;
		}
	#menu a:hover 
		{ color: #000; }
	#menu li.act a:after, #menu li.cur a:after, #menu li.cursub a:after /* bei alternativ für typo */
		{ content: " <"; }

	#menu ul {
		padding-bottom: 0.6em; /* bei alternativ für typo wie?? für .menuauf? */
		list-style: none;
		}
	#menu ul.sub  /* bei alternativ für typo überflüssig */
		{ padding-left: 1em; }
	#menu li.spacer 
		{ visibility: hidden; line-height: 0.5em; }


/* alternativ für typo

display all
.1 NO >wrap(Item?) li.no
.1 NO ifSub >wrapItemAndSub div.menuzu
.1 RO >wrap li.act ?oder >wrapItemAndSub div.menauf
.1 ACT >wrap li.act
.1 CUR >wrap li.cur
.2 NO >wrap li.nosub
.2 ACT >wrap li.actsub
.2 CUR >wrap li.cursub

#menu li.no 
	{  }
#menu li.act
	{ color: #000;  }
#menu li.cur
	{ color: #000; background: #dcd; }
#menu div.menuzu li
	{ display: none; }
#menu div.menuauf li
	{ display: block; }
#menu li.nosub
	{ padding-left: 1em; }
#menu li.actsub
	{ padding-left: 1em; color: #000; }
#menu li.cursub
	{ padding-left: 1em; color: #000; background: #dcd;  }

*/

		#menu ul.top li ul.sub 
			{ display: none; }
		#menu ul.top li:hover ul.sub, #menu ul.top li:active ul.sub
			{ display: block; }
		#menu ul.top li a#activetop+ul.sub	/* für test in alt */
			{ display: block; }
		#menu ul.top li a#activetop ul.sub, #menu ul.top li.activeli ul.sub
			{ display: block; }

		#menu a:hover, a#activetop, a#activesub, ul.top>li.activeli>a
			{ color: #000!important; }
		a#activetop, a#activesub  
			{ background: #dcd; }
		a#activetop:after, a#activesub:after, ul.top>li.activeli>a:after 
			{ content: " <"; }



/****	Untensachen	*/

	#print { 
		clear:both; 
		position: absolute; right: 3em; bottom: 0;
		padding: 1em 2em; 
		background-color: transparent; color: #666;
		text-align: right;
		}
	#print a { color: #666; text-decoration: none; }
	#print a:hover, #print a:focus { color: #000; }


	#footer {
		clear: both;
		position: absolute;
		bottom: 0;
		width: 80%; min-width: 700px; height: 1em;
		margin: 0 auto;
		}