/**
 *	Umdefinierte Tags
 */

/* mac hide\*/
html, body { height:88%; }
/* end hide */

body {
	padding:0;
	margin:0;
	margin-top:33px;
	text-align:center;
	min-width:800px;	/* for mozilla*/
	background:#ffa900 url(img/bg-verlauf.gif) repeat-x;
	font-family:Arial,Helvetica,sans-serif;
	font-size:9pt;
	color:#404040;
}

p, td {
	font-family:Arial,Helvetica,sans-serif;
	font-size:9pt;
	color:#404040;
}

div { margin-top:0; }	/* clear top margin for mozilla */
img { margin:0; border:none; }
p { margin: 0 0 1em 0; }
em, i { font-style:normal; font-weight:bold; }
strong { font-style:normal; font-weight:bold; }
ul { margin-right:30px; }
li { margin-bottom:0.5em; }

a:link, a:visited { color:#404040; text-decoration:underline; }
a:active, a:hover { color:#fff; text-decoration:underline; }

a.white:link, a.white:visited { color:#fff; }
a.white:active, a.white:hover { color:#ffe2a8; }


h1, h2, h3 { 
	color:#303030; 
	font-size:9pt;
	display:block;
}



/**
 *	Allgemein
 */
 
.orange { color:#ffa900; }
.white { color:#fff; }
.gray { color:#303030; }
.link { color:#fff; font-weight:bold; }
.width100 { width:98%; }
.important { color:#ffa900; font-weight:bold; }

.placebo {
	color:#fff;
	font-weight:bold;
	font-style:italic;
}

.theater {
	color:#fff;
	font-weight:normal;
	font-style:italic;
}

.footer { color:#303030; font-size:8pt; text-decoration:none; }
a.footer:link, a.footer:visited { color:#303030; text-decoration:none; }
a.footer:active, a.footer:hover { color:#fff; text-decoration:underline; }

.alignleft { float:left; }
.alignright { text-align:right; }
.newsdate { margin-bottom:0; padding-bottom:0; text-align:right; font-size:8pt; }
.innerbox { padding-left:15px; padding-right:30px; }



/**
 *	Forms
 */
 
form {
	margin:0;
	padding:0;
}

input, textarea, button { font-size:9pt; font-family:Arial,Helvetica,Sans-serif; }
.inputline { border:1px solid #aaa; }
.inputline:focus { border:1px solid #000; }
.textarea { border:1px solid #aaa; }
.textarea:focus { border:1px solid #000; }
.incomplete { border:1px solid #FF0F0A; background-color:#fff5e2; }



/**
 *	Inhaltsabhaengige Style-Varianten
 */

#home #headerbox {  }
#unternehmen #headerbox { }
#ensemble #headerbox {  }
#ensemble #outerbox { background-image:url(img/bg-blackorange.gif); }
#programm #headerbox { }
#termine #headerbox { }
#workshops #headerbox { }
#kontakt #headerbox { }
#stagenews #headerbox { }
#impressum #headerbox { }



/**
 *	Layout
 */
#jubilaeum {
	/*
	top: 40px;
	width: 170px;
	height: 170px;
	margin-left:5px;
	background: url(img/placebo-wird-15.png) no-repeat; 
	*/
}

* html #jubilaeum {
	/*
	top: 40px;
	width: 170px;
	height: 170px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/placebo-wird-15.png', sizingMethod='scale');
	background:none;
	*/
}

#midbox h1, #midbox h2 {
	padding:0 0 1em 0;
	margin:0;
}

#midbox h3 { color:#fff; padding:0 0 0 0; margin:1.5em 0 0.5em 0; }

#rightbox h1, #leftbox h1 {
	height:19px; /* 50 */
	width:180px;
	margin:0 0 0 14px;
	padding-top:7px;
	background-image:url(img/boxbullet.gif);
	background-repeat:no-repeat;
	background-position:0px 12px;
	padding-left:12px;
	color:#fff;
}

#ensemble #leftbox h2 {
	margin:31px 0 10px 14px;
	padding:0 0 0 0;
	color:#ffa900;
}

#ensemble #leftbox h1 {
	color:#404040;
	background-image:url(img/boxbulletwhite.gif);
}

#outerbox {
	position:relative;
	width:800px;
	height:100%;
	min-height:100%;
	margin:auto;
	text-align:left;
	background-position:0px 234px;
	background-repeat:no-repeat;
	background-image:url(img/bg-orange.gif);
}

html>body #outerbox { height:auto; } /*for mozilla as IE treats height as min-height anyway*/


#innerwrapbox {	/* enables content first */
	float:left;
	width:620px;
	min-height:295px;
}

#headerbox {
	position:absolute;
	top:0;
	left:-1px;
	width:800px;
	height:201px;
	overflow:hidden;
	color:#000000;
	z-index:100;
}

#menubox {
	position:absolute;
	top:201px;
	left:0px;
	width:785px;
	height:33px;
	padding-left:14px;
	background-color:#ffa900;
	z-index:101;
}

#leftbox {
	position:relative;	/* ie needs this to show float */
	width:200px;
	float:left;
	padding-top:231px;	/* needed to make room for headerbox */
	padding-bottom:0px;	/* needed to make room for footerbox */
}

#rightbox {
	position:relative;		/* ie needs this to show float */
	width:180px;
	overflow:hidden;
	float:right;
	padding-top:231px;		/* needed to make room for headerbox */
	padding-bottom:0px;	/* needed to make room for footerbox */
}

#midbox {
	width:360px;
	float:right;
	min-height:280px;
	padding-top:260px;
	padding-bottom:20px;	/* needed to make room for footerbox */
	padding-left: 15px;
	padding-right: 30px;

}

#leftbox p { padding:0px 15px 0px 15px; }

#rightbox p { padding:0px 15px 0px 15px; }
#rightbox table, #leftbox table { margin:0px 15px 0px 15px; }

#footerbox {
	position:absolute;
	left:0;
	bottom:0;
	width:800px;
	height:23px;
	padding-top:3px;
	background-color:#ffa900;
	clear:both;
}

* html #footerbox {	/* only ie gets this style */
	\height:22px;	/* for ie5 */
	he\ight:20px;	/* for ie6 */
}

#clearfooterbox {	/* to clear footerbox */
	width:100%;
	height:20px;
	clear:both
}

.midtopmargin { height:23px; }

#brandneues {
	background: #ffd33c url(img/brandneu_oben.jpg) no-repeat;
	padding-top: 46px; 
	}
	
#brandneuerinhalt {
	background: url(img/brandneu_unten.jpg) no-repeat bottom;
	padding: 5px 15px 25px 11px;
	}

/**
 *	Menu
 */

#mainmenu { 
	display:block; 
	padding:9px 0 0 0;
	margin:0;
}

#mainmenu li { 
	display:inline;
	color:#fff;
	margin-right:19px;
	padding-left:12px;
	list-style-type:none;
	background-image:url(img/menubullet.gif);
	background-repeat:no-repeat;
	background-position:0px 5px;
}

#mainmenu a:link, #mainmenu a:visited { 
	color:#fff; 
	text-decoration:none;
}

#mainmenu a:active, #mainmenu a:hover { 
	color:#000;
	text-decoration:none;
}

.menusel { color:#000; }

.submenu {
	display:block; 
	padding:31px 0 0 14px;
	margin:0 0 0 15px;
}

.submenu li { 
	color:#fff;
	padding-left:0px;
	margin-bottom:15px;
	list-style-type:disc;
}

.submenu a:link, .submenu a:visited { 
	color:#fff; 
	text-decoration:none;
}

.submenu a:active, .submenu a:hover { 
	color:#ffa900;
	text-decoration:none;
}

.submenusel { color:#404040; }

#ensemble .submenusel { color:#ffa900; }
#ensemble .submenu { padding:0px 0 0 14px; }
#ensemble .submenu li { margin-bottom:5px; }