/* external style sheet for jokes-theater.net */
/*  Times New Roman, Times, serif */

TABLE, TR, TH, TD  { 
	font-size:10pt;
	font-family:Verdana,Times New Roman;
	color:#224444;
}

TABLE,TR,TH,TD.first  { 
	font-family:Verdana,Times New Roman; 
	font-size:8pt; 
	font-style:normal;
	font-weight:normal; 
	color:#aa9955; 
}

A:link { font-family:Verdana,Times New Roman; font-size:10pt; font-weight:normal; font-style:normal; color:#aa9955; }
A:active { font-family:Verdana,Times New Roman; font-size:10pt; font-weight:normal; font-style:normal; color:#aa9955; }
A:visited { font-family:Verdana,Times New Roman; font-size:10pt; font-weight:normal; font-style:normal; color:#aa9955; }

A:link.klein { font-family:Verdana,Times New Roman; font-size:11pt; font-weight:normal; text-decoration:underline; color:#444444; }
A:active.klein { font-family:Verdana,Times New Roman; font-size:11pt; font-weight:normal;  text-decoration:underline; color:#444444; }
A:visited.klein { font-family:Verdana,Times New Roman; font-size:11pt; font-weight:normal;  text-decoration:underline; color:#444444; }


B {	font-size:12pt;
	font-family:Verdana,Times New Roman;
	font-weight:bold;
	font-style:normal;
	color:#224444;
}
.ondertitel { font-size:18pt; 	font-family:Georgia,Times New Roman;
	font-weight:normal;
	font-style:normal;
	color:#aa9955;
	text-align:center;
}
.titel { font-size:22pt; font-family:Georgia,Times New Roman;
	font-weight:normal;
	font-style:normal;
	color:#225544;
	text-align:center;
}

H1 { 
	font-size:26pt;
	font-family:Times New Roman;
	font-weight:normal;
	font-style:italic;
	color:#88aaaa;
}

H2 { 
	font-size:20pt;
	font-family:Times New Roman;
	font-weight:normal;
	font-style:italic;
	color:#aaccdd;

}

H3 { 
	font-size:14pt;
	font-family:Verdana,Times New Roman;
	font-weight:normal;
	font-style:normal;
	color:#003355;
}

H4 { 
	font-size:16pt;
	font-family:Verdana,Times New Roman;
	font-weight:normal;
	font-style:italic;
	color:#0099bb;
}

H5 { 
	font-size:18pt;
	font-family:Verdana,Times New Roman;
	font-weight:normal;
	font-style:normal;
	color:#003355;
}

H6 { 
	font-size:18pt;
	font-family:Verdana,Times New Roman;
	font-weight:normal;
	font-style:normal;
	color:#003355;
}


/******************************************** POPUP ******************************/

#TB_window a:link {color: #666666; text-decoration:none}
#TB_window a:visited {color: #666666; text-decoration:none}
#TB_window a:hover {color: #000; text-decoration:none ; }
#TB_window a:active {color: #666666; text-decoration:none}
#TB_window a:focus{color: #666666; text-decoration:none}


#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	background-color:#396C5B;
	filter:alpha(opacity=60);
	-moz-opacity: 0.60;
	opacity: 0.60;
	height:100%;
	width:100%;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffefef;
	z-index: 102;
	color:#ffffff;
	display:none;
	border: 1px solid #000000;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #764;
	border-bottom: 1px solid #764;
	border-top: 1px solid #764;
	border-left: 1px solid #764;
}


#TB_closeWindow{
	height:25px;
	float:right;
	text-decoration:none;
	padding-top: 15px;
	padding-right: 15px;
	}


* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}



/******************************************* MENUBAR *****************************/

@charset "UTF-8";

/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.MenuBarHorizontal
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	cursor: default;
	width: auto;
}
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
{
	z-index: 1000;
}
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	position: relative;
	text-align: left;
	cursor: pointer;
	width: 65px;
	float: left;
}
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	z-index: 1020;
	cursor: default;
	width: 150px;
	position: absolute;
	left: -1000em;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
{
	left: auto;
}
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul 
{
	width: auto;
	
}* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
{
	position: absolute;
	margin: -5% 0 0 95%;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
{
	left: auto;
	top: 0;
}

/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul
{ border: 0px dotted #CCC; }
/* Menu items */
ul.MenuBarHorizontal a
{
	display: block;
	cursor: pointer;
	color: #222;
	text-decoration: none;
	font-family: verdana;
	font-size: 9px;
	font-style: normal;
	height: 65px;
	width: 65px;
	text-indent: 0px;
	background-image: url(../images/bgmenu_doradrie.jpg);
	filter: alpha(opacity=80);
	 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
	-moz-opacity: 0.80;
	opacity:0.8;
	text-align: center;
	vertical-align: middle;
	font-weight: normal;
 }


ul.MenuBarHorizontal a.MenuBarItemSubmenu
{
	background-image: url(../images/bgmenu_down_doradrie.jpg);
	filter: alpha(opacity=80);
	 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
	-moz-opacity: 0.80;
	opacity:0.8;
	
}




/* Menu items that are open with submenus with MenuBarItemHover  */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
{
	background-image: url(../images/bgmenu_doradrie.jpg);
	filter: alpha(opacity=60);
 	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
	-moz-opacity: 0.60;
	opacity:0.6;
	color: #999999;
	}

 ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
{
	background-image: url(../images/bgmenu_down_doradrie.jpg);
	filter: alpha(opacity=60);
 	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
	-moz-opacity: 0.60;
	opacity:0.6;
	color: #bbbbbb;
	}


/*******************************************************************************

 BROWSER HACKS: the hacks below should not be changed unless you are an expert

 *******************************************************************************/

/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
{
	position: absolute;
	z-index: 1010;
}
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
{
	ul.MenuBarHorizontal li.MenuBarItemIE
	{
	display: inline;
	float: left;
	background: #ffffff;
	}
}