/**************************************************************************************************
											whole document
**************************************************************************************************/
/*
*, html, body
	{
	margin: 0;
	padding: 0;
	}
*/
html
	{
	background-color: #feeaac;
	color:#000035; 
	}
body
	{
	background-color: #feeaac;
	font-family: Verdana,Arial,Helvetica,sans-serif; 
	font-weight:normal; 
	font-size:14px;
	color:#000035; 
	line-height:normal;
	}
#top
	{
	height: 66px;
	text-align: center;
	}
#navi
	{
	position:absolute;
	top: 105px;
	left: 5px;
	width:215px;
	margin-right: 10px;
	}
#MAIN
	{
	margin-top: 20px;
	margin-left: 220px;
	margin-right: 5px;
	width: auto;
	}
#loader
	{
	display:none;
	}
.footerline
	{
	height:20px;
	font-size: 0.8em;
	text-align: center;
	font-weight:bold;
	background-color:#FFF6DF;
	color:#000000;
	}
h2.title
	{
	font-weight:bold; 
	font-size:18pt; 
	color:#000035; 
	font-style:italic;
	margin-left:5px;
	margin-top:1px;
	margin-bottom:5px;
	text-align:left;
	background-color: transparent;
	}
#title1
	{
	font-size: 2em;
	font-weight:bold;
	}
#title2
	{
	font-size: 1.5em;
	font-weight:bold;
	}
.maintext
	{
	font-weight:normal; 
	font-size:13pt; 
	color:#000035; 
	margin-left:5px;
	text-decoration:none; 
	line-height:25px;
	background-color: transparent;
	}

body a:link, body a:visited, body a:hover, body a:active
	{
	text-decoration:underline;
	color:#990000;
	background-color: transparent;
	}
			
body a:hover, body a:active
	{
	color:#000035;
	background-color: transparent;
	}
			
.center_inhalt
	{
	text-align: center;
	}
.right_inhalt
	{
	text-align: right;
	}
.center_selbst
	{
	margin: auto;
	}

.bold
	{
	font-weight:bold;
	}

.clear
	{
	clear:both;
	}

#linkline
	{
	width:100%;
	margin-top:10px
	}
#linkline td
	{
	height:20px;
	background-color:#FFF6DF;
	width:33%;
	}

#toplink
	{
	margin-right:10px;
	font-size:9pt;
	}

.leftfloatpic
	{
	float:left;
	margin-right:25px;
	margin-bottom:10px
	}

.underline
	{
	text-decoration: underline;
	}

.weitere
	{
	margin-left:2.5em;
	}

/**************************************************************************************************
                                                                                               Boxen
**************************************************************************************************/

.box_aussen_or {
	background-image:url(http://www.camerata-vocale-oberhausen.de/images/box_aussen_or.gif);
}

.box_aussen_ol {
	background-image:url(http://www.camerata-vocale-oberhausen.de/images/box_aussen_ol.gif);
}

.box_aussen_ur {
	background-image:url(http://www.camerata-vocale-oberhausen.de/images/box_aussen_ur.gif);
}

.box_aussen_ul {
	background-image:url(http://www.camerata-vocale-oberhausen.de/images/box_aussen_ul.gif);
	padding:18px 20px 14px 20px;
}

.box_innen_or {
	background-image:url(http://www.camerata-vocale-oberhausen.de/images/box_innen_or.gif);
}

.box_innen_ol {
	background-image:url(http://www.camerata-vocale-oberhausen.de/images/box_innen_ol.gif);
}

.box_innen_ur {
	background-image:url(http://www.camerata-vocale-oberhausen.de/images/box_innen_ur.gif);
}

.box_innen_ul {
	background-image:url(http://www.camerata-vocale-oberhausen.de/images/box_innen_ul.gif);
	padding:18px 20px 14px 20px;
}

.box_or {
	background-position:top right;
}

.box_ol {
	background-position:top left;
}

.box_ur {
	background-position:bottom right;
}

.box_ul {
	background-position:bottom left;
}

.box {
	background-repeat:no-repeat;
	margin:0;
}

.topbox {
	float:left;
	width:50%;
}

.boxline
	{
	background-image:url(http://www.camerata-vocale-oberhausen.de/images/linie_box.gif);
	background-repeat:repeat-x;
	height:13px;
	width:100%;
	}

.textbox {
	margin-top:7px;
	margin-right:7px;
	margin-bottom:7px;
	margin-left:7px;
	clear: both;
}

/**************************************************************************************************
                                                                                               Bereich Termine Jahre
**************************************************************************************************/

.line_left, .line_middle, .line
	{
	background-repeat:no-repeat;
	margin:0;
	height:48px;
	}
.line_left
	{
	background-image: url(http://www.camerata-vocale-oberhausen.de/images/year_l.gif);
	background-position:left;
	width:18px;
	}
.line_middle
	{
	background-image: url(http://www.camerata-vocale-oberhausen.de/images/year.gif);
	background-repeat:repeat-x;
	margin-right:18px;
	}
.line
	{
	background-image: url(http://www.camerata-vocale-oberhausen.de/images/year_r.gif);
	background-position:right;
	}

.line:hover .line_left   {background-image: url(http://www.camerata-vocale-oberhausen.de/images/year_hover_l.gif);}
.line:hover .line_middle {background-image: url(http://www.camerata-vocale-oberhausen.de/images/year_hover.gif)  ;}
.line:hover   {background-image: url(http://www.camerata-vocale-oberhausen.de/images/year_hover_r.gif);}

.line_content
	{
	padding:18px;
	z-index:10;
	position: relative;
	margin-top:-48px;
	margin-bottom:18px;
	}

.line_cell
	{
	float:left;
	width: 50%;
	}

/**************************************************************************************************
                                                                                               Artikel
**************************************************************************************************/
.Artikel
	{
	margin: auto;
	margin-bottom: 20px;
	background-color: #ffffff;
	color: #000000;
	width: 300px;
	border: 0;
	}

.ArtikelTitel
	{
	text-align: justify;
	margin: 0;
	margin-bottom: 15px;
	font-size: 14.0pt;
	font-weight: bold;
	}
.ArtikelAusgabe
	{
	text-align: justify;
	margin: 0;
	margin-bottom: 15px;
	font-size: 10.0pt;
	}
.ArtikelUntertitel
	{
	text-align: justify;
	margin: 0;
	font-size: 10.0pt;
	}
.ArtikelText
	{
	text-align: justify;
	margin: 0;
	font-size: 10.0pt;
	}
.ArtikelZwischentext
	{
	text-align: left;
	font-size: 10.0pt;
	font-weight: bold;
	}
.ArtikelQuelle
	{
	text-align: justify;
	margin: 0;
	padding: 10px;
	font-size: 10.0pt;
	}


/**************************************************************************************************
											Bereich Konzertuebersichten
**************************************************************************************************/

.Headline
	{
	font-weight:bold;
	margin-left:5px;
	text-align:left;
	}
			
span a:link, span a:visited, span a:hover, span a:active
	{
	color:#000000;
	text-decoration:none;
	background-color: transparent;
	}

.konzertNummer
	{
	font-weight:bold; 
	font-size:12pt; 
	line-height:15pt;
	color:#000033; 
	text-decoration:none; 
	background-color: transparent;
	}
	
.details
	{
	font-weight:normal;
	font-size:9pt;
	color:#800000;
	text-align: right;
	vertical-align: text-top;
	background-color: transparent;
	}

.details a:link, .details a:hover, .details a:active, .details a:visited 
	{
	font-weight:normal; 
	font-size:9pt; 
	color:#FF0000; 
	text-decoration:underline; 
	background-color: transparent;
	}

.konzertZeitOrt
	{
	font-weight:normal; 
	font-size:10pt; 
	line-height:12pt;
	color:#666666; 
	text-decoration:none; 
	background-color: transparent;
	}

.konzertTitel
	{
	font-weight:bold; 
	font-size:13pt; 
	line-height:15pt;
	color:#990000; 
	text-decoration:none;
	margin-bottom:8px;
	background-color: transparent;
	}

.UnterTitel
	{	
	margin-left:4px;
	margin-top:0px;
	font-weight:bold; 
	font-size:13pt; 
	line-height:15pt;
	color:#990000; 
	text-decoration:none; 
	background-color: transparent;
	}

.konzertTeilnehmerNameSpecial
	{
	font-weight:bold; 
	font-size:13pt; 
	line-height:11pt;
	color:#990000; 
	text-decoration:none; 
	background-color: transparent;
	}

.konzertTeilnehmer
	{
	font-weight:bold; 
	font-size:11pt; 
	line-height:11pt;
	color:#666666; 
	text-decoration:none; 
	background-color: transparent;
	}

.konzertTeilnehmerName
	{
	font-weight:normal; 
	font-size:12pt; 
	line-height:13pt;
	color:#000033; 
	text-decoration:none; 
	background-color: transparent;
	}

.KonzertWerk
	{
	font-weight:normal; 
	font-size:11pt; 
	line-height:10pt;
	color:#000000; 
	text-decoration:none; 
	background-color: transparent;
	}

.werkKomponist
	{
	font-weight:normal; 
	font-size:11pt; 
	line-height:10pt;
	color:#000000; 
	text-decoration:none; 
	background-color: transparent;
	}

.konzertTeilnehmerAufzaehlung
	{
	font-weight:normal; 
	font-size:11pt; 
	line-height:15pt;
	color:#000033; 
	text-decoration:none;
	background-color: transparent;
	}

/**************************************************************************************************
											Bereich Uebersichtsseite
**************************************************************************************************/

.konzertZeitOrtUebersicht
	{
	margin-top:2px;
	font-weight:normal; 
	font-size:10pt; 
	line-height:12pt;
	color:#333333; 
	text-decoration:none; 
	background-color: transparent;
	}

.konzertTitelUebersicht
	{	
	margin-left:4px;
	font-weight:bold; 
	font-size:13pt; 
	line-height:20pt;
	color:#333333; 
	background-color: transparent;
	}

.tableheightspace
	{
	height:10px; 
	}

/**************************************************************************************************
											Bereich Abobestellung
**************************************************************************************************/

.tabellentext
	{
	font-weight:bold; 
	font-size:9pt; 
	color:#000066; 
	text-decoration:none; 
	background-color: transparent;
	}

/**************************************************************************************************
											Bereich Navigation
**************************************************************************************************/

fieldset
	{
	border: 0;
	margin: 0;
	padding: 0;
	}

input.boxinput
	{
	font-family: no;
	border: 1px solid #7e9db9;
	padding: 2px;
	width: 90%;
	}

select
	{	
	border: 1px solid #7e9db9;
	padding: 1px;
	}

select.boxselect
	{	
	width: 148px
	}

ul.menu
	{
	list-style-type:none;
	margin:0;
	padding:0;
	}

ul.menu ul
	{
	list-style-type:none;
	margin:0;
	padding-left:1em;
	}

#navi ul.menu li
	{
	font-size: 1.2em;
	}

#navi ul.menu li ul li
	{
	font-size: 0.9em;
	}

.footerline ul.menu li
	{
	display: inline;
	}

.submit
	{
	margin-left:25px;
	margin-top: 3px;
	background-color:#fff6df;
	border: 0px;
	color:#990000;
	font-size: 1.2em;
	}

.submit_suche
	{
	margin-left:-5px;
	margin-right:-5px;
	background-color:#fff6df;
	border: 0px;
	color:#990000;
	font-size: 1em;
	}
.suche_ort, #searchbox label
	{
	vertical-align: baseline; 
	}

.eingabe
	{
	width: auto;
	}

#search_q_label
	{
	display:none;
	}


/**************************************************************************************************
											Bereich Galerie
**************************************************************************************************/

div.bilderliste{
	padding: 0 0 10px 0;
	margin: 0px 0 30px 0px;
	width: 160px;
	height: 120px;
	float: left;
}

div.bilderliste img.bilder{
	width: 140px;
	height: 105px;
}

a.bilder{
	text-decoration: none;
}


img.bilder{
	border: 1px solid #DCDCDC;
	padding: 5px;
	background: transparent;
	width: 96%;
}

a.bilder:hover img.bilder{
	border: 1px solid #717171;
}

/**************************************************************************************************
											Bereich Audio
**************************************************************************************************/
.openplayer {height:20px;}
ul.songs{list-style-type:none;padding:0;}
.songs{margin:0;}
li.hilite{background:#ddd;}
li.song{border-bottom:1px solid #ddd;cursor:pointer;padding:10px;position:relative;}
li.song .clock{display:inline;}
li.song .info{font-size:14px;position:absolute;right:40px;top:15px;}
li.song .info .clock{font-weight:700;margin:0 5px;}
li.song .info strong{color:#555;font-weight:400;}
li.song .mp3{font-size:14px;line-height:25px;margin:0 10px;vertical-align:top;}
li.song .name{float:left;font-size:20px;}
li.song:hover{background:#eee;}
* html .songs {margin:0;}
* html li.song {border:0;}

.green {color:#393;}
.grey {color:#555;}