/***************************************************************************************************
*
*	Stylesheet www.hannover-harmonists.de
*
****************************************************************************************************/

/*
*	Farben:
*	
*	Orange: #FE720A
*	Headline Grau: #666666
*	Text "Schwarz": #222222
*/

/* ALLGEMEINE ANGABEN ZUM DOKUMENT *****************************************************************/

body , p
{
 font-family: Arial, Helvetica, sans-serif;
 font-size:11px;
 background-color:#ffffff;
 /*text-align:center;*/
 margin:0px;
 color: #222222;
}

h1 {font-size:18px;color:#FE720A;font-weight:bold;margin-bottom:0px;}
h2 {font-size:18px;color:#FE720A;font-weight:bold;margin-bottom:25px;}
h3 {font-size:14px;color:#222222;margin-top:0px;}

.mini { font-size:9px;font-style:none;color:#666666; }


img.borderme {border:1px solid #FE720A;margin-left:5px;margin-top:5px;margin-bottom:5px;}
img.bordernorm {border:1px solid #FE720A;}
img.pressestimmen {border:1px solid #FE720A;margin-bottom:5px;}

/* ALLGEMEINE ANGABEN ZUM DOKUMENT ENDE ************************************************************/


/* LINKS *******************************************************************************************/

/* ALLGEMEINE LINKS */

a:link, a:visited, a:active, a:hover
{ 
  text-decoration:none;
  font-weight:bold;
  color:#222222;
  font-size:11px;
}
a:active, a:hover
{ 
  color:#FE720A;
}

/* ALLGEMEINE LINKS ENDE */

/* HAUPTMEN� */

a.menu {
 display:inline;
 color:#222222;
 text-decoration:none;
 text-transform: uppercase;
 font-weight:bold;
 }
a.menu:link, a.menu:visited
{ 
 color:#222222;
}
a.menu:active, a.menu:hover
{ 
  color:#FE720A; 
}

/* HAUPTMEN� ENDE */

/* SUBMEN� */

a.submenu {
 display:inline;
 font-size:9px;
 color:#666666;
 text-transform: uppercase;
 }
a.submenu:link, a.submenu:visited
{ 
 color:#666666;
 text-decoration:none;
 font-size:9px;
 font-weight:bold;
}
a.submenu:active, a.submenu:hover
{ 
  color:#FE720A; 
  text-decoration:none;
  font-size:9px;
  font-weight:bold;
}

/* SUBMEN� ENDE */


/* METANAVIGATION */

a.linkMetanavi {
 display:inline;
 text-align:left;
 font-size:9px;
 color:#FE720A;
 text-decoration:none;
 text-transform: uppercase;
 font-weight:bold;
 }
a.linkMetanavi:link, a.linkMetanavi:visited
{ 
 display:inline;
 text-align:left;
 font-size:9px;
 color:#FE720A;
 text-decoration:none;
 text-transform: uppercase;
 font-weight:bold;
}
a.linkMetanavi:active, a.linkMetanavi:hover
{ 
 display:inline;
 text-align:left;
 font-size:9px;
 color:#FE720A;
 text-transform: uppercase;
 font-weight:bold;
 text-decoration: underline;
}

/* METANAVIGATION ENDE */

/* Direkteinstiege auf der Startseite */

a.startseite:link, a.startseite:visited
{
	font-size:18px;
	color: #222222;
	font-weight:bold;
	text-align:right;
}

a.startseite:active, a.startseite:hover
{
	color:#FE720A;
	text-align:right;
}





/* Link im Contentbereich */

a.content:before {
	/*content: url(../graf/link_icon.png);*/
}

a.content {
 display:inline;
 /*text-align:center;*/
 font-size:10px;
 color:#666666;
 text-decoration:none;
 }
a.content:link, a.content:visited
{ 
 color:#666666;
 text-decoration:none;
 font-size:10px;
 font-weight:bold;
}
a.content:active, a.content:hover
{ 
  color:#FE720A; 
  text-decoration:none;
 font-size:10px;
 font-weight:bold;
}

/* LINKS in I-Tags */

span a:link, span a:visited, span a:active, span a:hover { font-size:9px;font-weight:bold;font-style:none;color:#666666; }
span a:active, span a:hover { color:#FE720A; }

/* LINKS ENDE **************************************************************************************/

/* LINKS ENDE **************************************************************************************/



/* DIVELEMENTE *************************************************************************************/

#dropmenudiv{
position:absolute;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
 font-size:9px;
 color:#666666;
}


#SITECONTAINER
{
	width:900px;
	/*margin: 0px auto;*/
	margin-left:75px;
	text-align:left;
}
#LOGOAREA
{
	float:left;
	width:300px;
	height:120px;
	margin:0px;
	padding:0px;
	margin-left: 7px;
}
#MAINMENU
{
 float:right;
 width:580px;
 height:10px;
 margin-top:45px;
 padding:0px;
 color:#222222;
 text-decoration:none;
 text-transform: uppercase;
 font-weight:bold;
 text-align:right;
}

#TOPCONTAINER {
	height: 150px;
	margin:0px;
	padding:0px;
}
#LEFT {
	float:left;
	width:300px;
	margin:0px;
	padding:0px;
}
#LEFTIMAGE
{
	float:left;
	width:300px;
	height:405px;
	margin:0px;
	padding:0px;
	text-align:left;
}
#METANAVI
{
 	width:300px;
 	margin:0px;
 	font-size:9px;
 	color:#FE720A;
 	text-decoration: none;
 	text-transform: uppercase;
 	font-weight: bold;
	padding-left: 9px;
}
#COPYRIGHT 
{
 	width:300px;
 	margin:0px;
	padding-top:6px;
	padding-left: 9px;
 	color:#999999;
 	font-size:9px;
 	text-decoration:none; 
}
#STAGE
{
	float:right;
	width:600px;
	padding:0px;
	margin:0px;
	color:#222222;
}

#startplayer
{
	margin-top:-3px;
	height:225px;
	background-image: url(../bilder/links/pic_left_002_b.jpg);
	background-repeat: no-repeat;
}

#overDiv
{
	border:1px solid #FE720A;
}

/* DIVELEMENTE ENDE ********************************************************************************/

/* FORMULARE ***************************************************************************************/

.editor_field
{
	font-family: Arial, Helvetica, sans-serif;
 	font-size:11px;
	color: #222222;
	width:100px;
	height: 15px;
	border: 1px solid #cccccc;
	margin:5px;
}

.editor_ok_button
{
	font-family: Arial, Helvetica, sans-serif;
 	font-size:11px;
	color: #222222;
	width:30px;
	height: 15px;
	border: 1px solid #cccccc;
	background-color:#ffffff;
	margin:5px;
}

input
{
	font-family: Arial, Helvetica, sans-serif;
 	font-size:11px;
	color: #222222;
	width:250px;
	height: 15px;
	border: 1px solid #cccccc;
}

.checkbox
{
	width: 15px;
	border: none;
	margin: 2px;
}

.shortInput
{
	width:30px;
}

.shortLeftInput
{
	width:206px;
}

textarea
{
	font-family: Arial, Helvetica, sans-serif;
 	font-size:11px;
	color: #222222;
	width:250px;
	height:100px;
	border: 1px solid #cccccc;
	scrollbar-highlight-color:#ffffff;
	scrollbar-base-color:#cccccc;
	scrollbar-track-color:#ffffff;
	scrollbar-arrow-color:#ffffff;
	scrollbar-shadow-color:#ffffff;
	scrollbar-darkshadow-color:#cccccc;
}

.newsletterTextarea
{
	width:400px;
	height:300px;
}

.fileUpload
{
	font-family: Arial, Helvetica, sans-serif;
 	font-size:11px;
	color: #222222;
	width:300px;
	height: 20px;
	border: 1px solid #cccccc;
}
/* FORMULARE ENDE **********************************************************************************/

/*{
	border: 1px solid red;
}*/

/* Inplace Editor */

textarea.editor_field{
	width:500px;
	height:100px;
}

input.editor_field{
	width:400px;
	height:20px;
}

form.inplaceeditor-form { /* The form */
}

form.inplaceeditor-form input[type="text"] { /* Input box */
}

form.inplaceeditor-form textarea { /* Textarea, if multiple columns */

	

}

form.inplaceeditor-form input[type="submit"] { /* The submit button */
  margin-left:1em;
}

form.inplaceeditor-form a { /* The cancel link */
  margin-left:1em;
}

ol li 
{
	line-height:22px;
}


/* ######################################################################################################
** ### Subtemplates #####################################################################################
** ######################################################################################################
*/

	.subcolumns { 
		width: 100%;
		padding: 0 1px 0 1px; 
		margin: 0 -1px 0 -1px; 
		overflow:hidden;
	}
		
	.c50l, .c25l, .c33l, .c38l, .c66l, .c75l, .c62l {float: left; overflow: hidden;}
	.c50r, .c25r, .c33r, .c38r, .c66r, .c75r, .c62r {float: right; overflow: hidden;}
	
	.c25l, .c25r { width: 24.999%; }
	.c33l, .c33r { width: 33.333%; }
	.c50l, .c50r { width: 49.999%; }
	.c66l, .c66r { width: 66.666%; }
	.c75l, .c75r { width: 74.999%; }
	.c38l, .c38r { width: 38.196%; } /* Goldener Schnitt */
	.c62l, .c62r { width: 61.803%; } /* Goldener Schnitt */
	
	.subc  { padding: 0 0.5em 0 0.5em; overflow: hidden; text-align:center; }
	.subcl { padding: 0 1em 0 0; overflow: hidden; }
	.subcr { padding: 0 0 0 1em; overflow: hidden; }
}

/**
*  Live-Tabelle
*
**/

#liveDates {
	width: 530px;
	border: 0px;
	border-collapse: collapse;
}

#liveDates th {
	color: #FE720A;
	font-weight: bold;
	font-size: 12px;
	line-hight: 20px;
	text-align: center;
}

#liveDates th.info {
	text-align: center;
	padding-left: 10px;
}

#liveDates td {
	font-size: 11px;
	line-hight: 28px;
}

#liveDates td.day {
	width:15px;
	vertical-align:top;
}

#liveDates td.date {
	width:50px;
	vertical-align:top;
}

#liveDates td.time {
	width:40px;
	vertical-align:top;
	text-align:center;
}

#liveDates td.info {
	width:425px;
	padding-left: 10px;
	vertical-align:top;
}