/* Dateiname : thd-css-screen.css
URL:www.theater-dietlikon.ch
Autor: Mägi Bischofberger
Datum: Mai 2004
Verwendung: Internet Site Theater Dietlikon
*/


html, body, td{
	background-color : White;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size :12px;
	margin : 0px;
	padding :0px;
	text-align:left;
}

h1{
	color : #00008B;
	font-size : 16px;
	font-weight : bold;
}
h2{
	color : #00008B;
	font-size : 14px;
	font-weight : bold;
}
h3{
	color : #00008B;
	font-size : 12px;
	font-weight : bold;
	width : 80%;
}
hr{
	border : thin solid Navy;
	width : 80%;
	text-align:center;
}
/*--------------------------------------------------------------*/
.menutitle{
	cursor:pointer;
	margin-bottom: 5px;
	background-color:#F5F5F5;
	color:Navy;
	width:140px;
	padding:2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	text-align:left;
	/*font-weight:bold;*/
/*border:1px solid navy;*/
display : block;
}


.submenu{
	margin-bottom: 0.5em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:navy;
	width:140px;
	display : block;
	
}
.submenu{
	margin-bottom: 0.5em;
	padding:2px 0px 2px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:navy;
	width:140px;
	display : block;border:1px solid red;
}
.menutitle a:link, .menutitle a:visited{
	padding:3 5 3 5;
	color : Navy;
	font-size : 13px;
	text-decoration :none;
	/*background-color : #F5F5F5;
	border-bottom : 1px solid white;
	border-top : 1px solid white;*/
	width : 100%;
}
.menutitle  a:hover, .menutitle a:active{
	padding:3 5 3 5;
	background-color : #D3D3D3;
	font-size : 13px;
	color : #191970;
	text-decoration : none;
	width:100%;
	/*border-bottom : 1px solid #191970;
	border-top : 1px solid #191970;*/
}
.submenu a:link, .submenu a:visited{
	/*padding:3 5 3 5;*/
	color : Navy;
	font-size : 12px;
	text-decoration :none;
	background-color : #F5F5F5;
	border-bottom : 1px solid white;
	border-top : 1px solid white;
	width : 115px;
}
.submenu  a:hover, .submenu a:active{
	/*padding:3 5 3 5;*/
	background-color : #D3D3D3;
	font-size : 12px;
	color : #191970;
	text-decoration : none;
	border-bottom : 1px solid #191970;
	border-top : 1px solid #191970;
	width:115px;
	
}


/*           ++++++++  link navigation    +++++++++        */

.nav a:link, .nav a:visited{
	padding:3 5 3 5;
	color : Navy;
	font-size : 14px;
	text-decoration :none;
	background-color : #F5F5F5;
	border-bottom : 1px solid white;
	border-top : 1px solid white;
	width : 100%;
}
.nav  a:hover, .nav a:active{
	padding:3 5 3 5;
	background-color : #D3D3D3;
	font-size : 14px;
	color : #191970;
	text-decoration : none;
	border-bottom : 1px solid #191970;
	border-top : 1px solid #191970;
}

/*----------------*/

.unav a:link,  .unav a:visited{
	color : Navy;
	font-size : 13px;
	text-decoration :none;
	background-color : #F5F5F5;
	border-bottom : 1px solid White;
	border-top : 1px solid White;
}
.unav a:hover, .unav a:active{
	
	background-color : #D3D3D3;
	font-size : 13px;
	color : #191970;
	text-decoration : none;
	border-bottom : 1px solid #191970;
	border-top : 1px solid #191970;
}
.clsub a:link,  .clsub a:visited{
	color : Navy;
	font-size : 12px;
	text-decoration :none;
	background-color : #F5F5F5;
	border-bottom : 1px solid White;
	border-top : 1px solid White;
}
.clsub a:hover, .clsub a:active{
	
	background-color : #D3D3D3;
	font-size : 12px;
	color : #191970;
	text-decoration : none;
	border-bottom : 1px solid #191970;
	border-top : 1px solid #191970;
}
/*........................*/
a:link,  a:visited{
	color : Navy;
	font-size : 13px;
	text-decoration :none;
	background-color : transparent/*#F5F5F5*/;
	/*border-bottom : 1px solid navy;
	border-top : 1px solid navy;*/
}
a:hover, a:active{
	
	background-color :#D3D3D3;
	font-size : 13px;
	color : #191970;
	text-decoration : none;
	border-bottom : 1px solid #191970;
	/*border-top : 1px solid #19190;*/
}
/*.....................*/
#footer a:link, #footer a:visited{
	color : Navy;
	font-size : 10px;
}
#footer a:hover, #footer a:active{
	color : #191970;
	font-size : 10px;
	text-decoration : underline;
}
/*.....................*/
.lauftextright a:link; .lauftextright a: visited{
	padding:3 5 3 5;
	background-color : #D3D3D3;
	font-size : 14px;
	color : #191970;
	text-decoration : none;
	border-bottom : 1px solid #191970;
	border-top : 1px solid #191970;
	
}
.lauftextright a:hover; .lauftextright a: active{
	color : Navy;
	font-size : 12px;
	text-decoration :none;
	background-color : #F5F5F5;
	border-bottom : 1px solid white;
	border-top : 1px solid white;
	width : 100%;
}


/*           ++++++++  logo thd    +++++++++        */

#logo{
	margin:20 0 -30 30;
	
}
#kopfzeile {
	height :200px;
	width: 150px;
	margin:0 0 0 10px;
	padding:10 0 0 10px;
	z-index:3;
	text-align:left;
	/*float:right;*/
	}
/*           ++++++++  frame   +++++++++        */

#frame {
	
	position: absolute;
	width:765px;
	/*padding:0 0 40 0 px;*/
	border : 1px solid Blue;
	
	/* Box-Model-Hack */
	voice-family : "\"
}\"";
	voice-family : inherit;
	/* Box-Model-Hack  Ende*/
}

/*           ++++++++  navigation    +++++++++        */	
}
#navigation {
	float : left;
	margin: 10 0 15 0px;
	padding :15 0 20 15px;
/*	border : 1px solid Blue;*/
	background-color: transparent;
	/*font-size:14px;*/
	color : navy;
	min-height : 80%;
	width : 30%;
	/* Box-Model-Hack */
	voice-family : "\";
	
}\"";
	
	voice-family : inherit;
	width:27%;
	
	/* Box-Model-Hack Ende*/
}
.nav{
	border:1px solid black;
	padding:5 0 5 5;
	font-size:14px;
	color : navy;
	
}
/*----------------------navigation--------------------------*/

#masterdiv {
	margin:0px;
	/*float : left;*/
	padding :20px 10px 40px 10px;
	background-color: transparent;
	font-size:12px;
	/*border:1px solid green;*/
	height : 80%;
	width : 175px;
	/* Box-Model-Hack */
	voice-family : "\"
}\"";
	voice-family : inherit;
	width: 175px;
	/* Box-Model-Hack  Ende*/
}

/*  ----------------------------------------*/


.menutitle a:link, .menutitle a:visited{
	padding:3px 5px 5px 5px;
	color : #696969;
	font-size : 13px;
	font-weight:bold;
	text-decoration :none;
	/*background-color : #F5F5F5;
	border-bottom : 1px solid white;
	border-top : 1px solid white;*/
	width : 100%;
}
.menutitle  a:hover, .menutitle a:active{
	padding:3px 5px 3px 5px;
	background-color : #D3D3D3;
	font-size : 13px;
	color : #191970;
	text-decoration : none;
	width:100%;
	border-bottom : 1px solid #191970;
	border-top : 1px solid #191970;
}
.submenu a:link, .submenu a:visited{
	color : #696969;
	padding:2px 0px 2px 6px;
	font-size : 12px;
	text-decoration :none;
	background-color : #F5F5F5;
	border-bottom : 1px solid white;
	border-top : 1px solid white;
	width : 135px;
}
.submenu  a:hover, .submenu a:active{
	padding:2px 0px 2px 6px;
	background-color : #D3D3D3;
	font-size : 12px;
	color : #191970;
	text-decoration : none;
	border-bottom : 1px solid #191970;
	border-top : 1px solid #191970;
	width:135px;
}



/* -----------------------end-navigation----------------------*/
/* ++++++++++++++++++++++++++++++++++++++++++ */

/*           ++++++++  unter-navigation    +++++++++        */
#unavigation {
	width:765px;
	/*position : absolute;*/
	/*border : 1px solid Blue;*/
	top:180px;
	left:0px;
	text-align:right;
	padding:0px;
	z-index:2;
}
#klappe{
	background-image:url(http://www.bischofberger.li/thd/gif/filmklappe-w.gif);
	background-repeat : no-repeat;
	background-position:right;
	vertical-align : top;
	text-align:right;
	position:fixed;
	right:20px;
	bottom:50px;
	z-index:80;

}


/*           ++++++++  inhalt    +++++++++        */

#inhalt {
	/*background-image:url(http://www.bischofberger.li/thd/gif/gif-thd-logo.gif);
	background-repeat: no-repeat;
	background-position x:center;*/

	float : right;
	margin: 10 0 15 0px;
	padding :15 5 10 20px ;
	/*border : 1px solid Blue;*/
	width:65%;
	font-size : 12px;
	background-color: White;
	z-index:35;
	/* Box-Model-Hack */
	voice-family : "\"
}\"";
	
	voice-family : inherit;
	width:68%;
	
	/* Box-Model-Hack Ende*/
}

.lauftext{
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size :12px;
	color:navy;
	margin : 0px;
	padding :0px;
	text-align:left;
}
.lauftextkl{
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size :10px;
	color:navy;
	margin : 0px;
	padding :0px;
	text-align:left;
}
ol.lauftext{
	padding:0 0 0 40px;
}
.lauftextright{
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size :12px;
	color:navy;
	margin : 0px;
	padding :0px;
	text-align:right;
	fontweight:bold;
	background-color:#D3D3D3;
}
lauftextb{
	padding:0 0 0 40px;
	font-weight:bold;
}
.ueberschrift{
	font-weight:bold;
	font-size:12px;

}
.pfeil{
	background-color:#0000FF;
	text-align:center;

}
/*           ++++++++  fusszeile    +++++++++        */
#footer {

	font-size: 10px;
	color:navy;
	/*border-top: #FFFF00 solid 1px;*/
	/*border : 1px solid Blue;*/
	padding:5 0 0 0px;
	text-align:center;
	/*clear:both;*/
	width:765px;
	margin: 0 0 0 0px ;
	/*z-index:40;*/
	
}