/******************************************************************************
   Stylesheet fuer: theatergruppe-kunow.de
   Medien:          screen, projection
   Autor:           Ute Schmid <schmidware@gmx.de>
   Kommentar:       Nicht fuer Netscape 4.x zugaenglich
*/

body
{
	background-image: url(../plus/hg.jpg); 
	background-repeat: repeat;
	color:black;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13pt;
	width:100%;
}

img.links
{	
	
	clear:left;
	width:25%;
	height:auto;
	float:left;
	margin:20px;
	
}

img.neben
{	
	width:35%;
	height:auto;
	float:left;
	margin:10px;
}

img.rechts
{
	
	clear:right;
	width:25%;
	height:auto;
	float:right;
	margin:20px;
	
}

img.galerie
{
	height:130px;
	width:auto;
	margin:10px;
	
}

p.resetr
{
	clear:left;
	clear:right;
} 

p.resetl
{
	clear:left;
} 

b
{
	font-weight:lighter;
}

	
img.anfang
{	
	//position:absolute;
	//top:0%;
	left:0;
	margin:10px;
	border:inset #abc 4px;
	width:100%;
	//position:relative;
	//float:left;
}


a:link,  a:visited
{
	text-decoration:none;
	color:#005;
	font-style:italic;
	font-weight:bolder;
	//font-size: 14pt;
	padding: 3px;
}  

 a:hover
{
	background-color: #63818b;
	color: #eee;
	
}


h1
{	
	color:#00f;
	font-family: Verdana,Arial,sans-serif;
	font-style:italic;
	font-style:bold;
	padding:8px;
	font-size:20pt;
	text-align:center;
	letter-spacing: 0.13em;
	font-weight:lighter;
}

h1.transp
{
	position:absolute;
	top:0;
	width:100%;
	background:url(../plus/transp.gif) center repeat;
	color:#000;
	padding-top:15px;
	padding-bottom:15px;
	margin-top:8px;
	padding-left:3px;
}

h2
{
	//width:100%;
	color:#333;
	padding:10px;
	margin:8px;
	font-size:15pt;
	font-style:normal;
	
}

b
{
	color:#00f;
	font-size:30pt;
}

b#halb
{
	color:#000;
	font-size:15pt;
	font-style:bolder;
}

.spalte
{
	position:absolute;
	top:0;
	color:black;
	padding:3px;
	margin:3px;
	height:100%;
}

.spalte.links
{
	left:0px;
	width:160px;
	height:600px;
	border-right: 3px solid #a5b5c6;
	background-color:#66e;
	
	//background:url(../plus/menue.jpg) center repeat;

}

.spalte.rechts
{
	left:170px;
	width:100% - 200px;    
	margin-left:5%;
	margin-right:5%;
	font-size: 13pt;
}

.spalte.rechts li
{
	margin-left:1%;
	font-size: 12pt;
	list-style-position:outside;
	list-style-type:circle;
}

p.neben
{	
	float:left;
	margin:30px;
	padding:10px;
	padding-bottom:50px;
	border-left:2px solid #777;
	border-top:2px solid #999;
}

.halb
{	
	float:right;
	width:55%;
	margin-left:10px;
	padding:0;
}


ul#dann li
{
	list-style:circle;
	list-style-position:outside;
	padding-left:25px;
	margin-right:5px;
	
}

#zentrier
{
	text-align:center;
}

#schraeg
{
	font-style:italic;
	font-size:16pt;
}

#info
{
	font-size:10pt;
}

#logo
{
	text-align:center;
	width: 100%;
	height: auto;
}

ul#menue
{    
	top:200px;
	width:150px;
	text-align:left;
	 list-style:none;
	display:block;
	margin:0;
	padding:0;
	font-size:22px;
}  

ul#menue a
{
	color:#222;
}  

ul#menue li a:link, ul#menue li a:visited
{
	text-decoration:none;
	display:block;
}  

ul#menue li a:hover
{
	background-color: #63818b;
	color: #eee;
	
}

ul#menue li
{
	//border-top: 1px solid #a5b5c6;
	//border-bottom: 1px solid #a5b5c6;
	display:block;
	font: italic bold 12pt/1.5 Arial, sans-serif;
	padding:6px 6%;
	border: 4px outset #a5b5c6;
	background-color: #44d;
}

ul#menue li.inaktiv
{
	border:none;
	padding-left:0;
	background-color: #56f;
	color:#99a;
	border-bottom: 2px solid #a5b5c6;
}

ul#menue ul.untermenue
{
	list-style:none;
	margin:0;
	padding:0;
	
}

ul#menue ul.untermenue li
{
	border:none;
	background-color:#56f;
	//border-bottom: 1px inset #a5b5c6;
	//border-top: 1px inset #f00;
	padding-left:1.7em;
	padding-top:3px;
	padding-bottom:3px;
	border-bottom: 1px solid #567;
}

#eins

{
	
	left:10px;
	
	width:25%;	
	padding:2px;
	float: none;
	float:left;
	font-size: 11pt;

}
#zwei
 
{
	

	left:45%;
	
	width:50%;	
	padding:2px;
	float: none;
	float: right;
	font-size: 11pt;


}
/*Seitenumbruch */
#umbruch
{
	page-break-before:always;
}

/* beim Druck ausblenden */
@media print	
{
	.nurDruck
	{
		display:inline;
	}
	.spalte.rechts	/* vorhandene Klasse überschreiben */
	{
		left:10px;
		width:100%-20px;    
		font-size:8pt;
	}

	h1
	{
		font-size:10pt;
	}

	

	.nurAnzeige
	{
		display:none;
	}
}

/* beim Druck ausblenden */
@media screen	
{
	.nurDruck
	{
		display:none;
	}

	.nurAnzeige
	{
		display:inline;
	}
}