/* 		ensembleresonanz.com: resonanz.css			*/
/*		author: use-art.de						*/
/*		eMail: info@use-art.de						*/
/*		date: 2008/06/18										*/

/* 		content:							*/
/* =g 		global styles and helpers					*/
/* =l 		layout								*/
/* =s 		specials							*/
/* =t 		test only							*/

/* 	http://meyerweb.com/eric/tools/css/reset/, v1.0 | 20080212 	*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
	}
	
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* =g 		globals													*/

.hide, dt, h1, label { position: absolute; left: -2000px; }

.alt, del { display: none; }

hr { border: 0; margin: 2em 0 ; height: 1px; background: url(../img/dot.gif) center left transparent repeat-x; }


.hr {
	color: #c0c0c0;
	border: none;
	background: url(../img/dot.gif) center left transparent repeat-x;
	padding: 0;
	height: 1px;
	margin: 1.5em 0 2.25em 0;
	}
	
.hr1 {
	color: #c11919;
	border: none;
	background: url(../img/line.gif) center left transparent repeat-x;
	padding: 0;
	height: 1px;
	margin: 0 0 .6em 0;
	}

.left { float: left; }

.right { float: right; }

.clear { clear: both; }

.inline { display: inline; }

.uppercase { text-transform: uppercase; }

.block { display: block; }

.abs1 { margin: 0 0 1em 0; }

.abs12 { margin: .5em 0 1em 0; }

.abs2 { margin: 0 0 2em 0; }

.absohne { margin: 0; padding: 0;}

.absimg { margin: .5em 0 1em 0; }

.absimg2 { margin: 1em 0 0 0; }

.absoben { margin: .5em 0 0 0; }

.absimg3 { margin: .5em 20px 1.5em 0; float: left; }

.absimg4 { margin: .4em 0 1em 2em; float: right; }

.zeilenanfang { color: #c11919; }

.zeilenende { color: #c11919; display: block; }

.zeilenende span { color: #000; }

.tel { cursor: pointer; }

.center {
	text-align: center;
	}

.quadrat { float: left; padding: .5em 2em 2em 0; }

.subalt { border: 1px solid #999; background: #f5f5f5; cursor: pointer; }

#galerie { padding: .5em 0 0 0;}
.galerie { float: left; padding: 0 25px 25px 0;}
.galerie1 { float: left; padding: 0 0 25px 0;}

.attention { background: #ff0; }

.more, .less { cursor: pointer; }

h2 	{
	color: #c11919;
	font-size: 2em;
	margin: 0 0 .25em 0;
	font-weight: normal;
	}

h3 {	font-size: 1.5em;
	font-family: georgia, verdana, arial, helvetica, sans-serif;
	padding: 0 0 .35em 0;
	font-weight: bold;
	letter-spacing: .01em;
	line-height: 1.2;
	color: #000;
	}
	
h4 {
	font-size: 1em;
	font-weight: bold;
	}
	
h4 span {
	font-size: 1em;
	font-weight: normal;
	}
	
a:link {text-decoration:none; color:#000; background:transparent none}
a:visited {text-decoration:none; color:#000; background:transparent none}
a:focus {text-decoration:underline; color:#c11919; background:transparent none;}
a:hover {text-decoration:underline; color:#c11919; background:transparent none;}
a:active {text-decoration:underline; color:#c11919; background:transparent none;}

h2 a:link {text-decoration:none; color:#c11919; background:transparent none}
h2 a:visited {text-decoration:none; color:#c11919; background:transparent none}
h2 a:focus {text-decoration:none; color:#c11919; background:transparent none;}
h2 a:hover {text-decoration:none; color:#c11919; background:transparent none;}
h2 a:active {text-decoration:none; color:#c11919; background:transparent none;}

h3 a:link {text-decoration:none; color:#000; background:transparent none}
h3 a:visited {text-decoration:none; color:#000; background:transparent none}
h3 a:focus {text-decoration:underline; color:#000; background:transparent none;}
h3 a:hover {text-decoration:underline; color:#000; background:transparent none;}
h3 a:active {text-decoration:underline; color:#000; background:transparent none;}

a:link.inner {text-decoration:none; color:#000; background: url(../img/dot_bottom.gif) repeat-x bottom;}
a:visited.inner {text-decoration:none; color:#000; background: url(../img/dot_bottom.gif) repeat-x bottom;}
a:focus.inner {text-decoration:underline; color:#c11919; background:transparent none;}
a:hover.inner {text-decoration:underline; color:#c11919; background:transparent none;}
a:active.inner {text-decoration:underline; color:#c11919; background:transparent none;}

a:link.pdf {text-decoration:none; color:#000; background: url(../img/pdficon_small.png) no-repeat center right; padding: 1em 2em 1em 0; }
a:visited.pdf {text-decoration:none; color:#000; background: url(../img/pdficon_small.png) no-repeat center right; padding: 1em 2em 1em 0; }
a:focus.pdf {text-decoration:underline; color:#c11919; background: url(../img/pdficon_small.png) no-repeat center right; padding: 1em 2em 1em 0; }
a:hover.pdf {text-decoration:underline; color:#c11919; background: url(../img/pdficon_small.png) no-repeat center right; padding: 1em 2em 1em 0; }
a:active.pdf {text-decoration:underline; color:#c11919; background: url(../img/pdficon_small.png) no-repeat center right; padding: 1em 2em 1em 0; }

a:link.inner2 {text-decoration:none; color:#000; background: none;}
a:visited.inner2 {text-decoration:none; color:#000; background: none;}
a:focus.inner2 {text-decoration:none; color:#000; background:url(../img/dot_bottom.gif) repeat-x bottom; }
a:hover.inner2 {text-decoration:none; color:#000; background:url(../img/dot_bottom.gif) repeat-x bottom; }
a:active.inner2 {text-decoration:none; color:#000; background:url(../img/dot_bottom.gif) repeat-x bottom; }

a:link.attention {text-decoration:none; color:#000; background: #FFFFA2; }
a:visited.attention {text-decoration:none; color:#000; background: #FFFFA2; }
a:focus.attention {text-decoration:none; color:#000; background: #ff0 none;}
a:hover.attention {text-decoration:none; color:#000; background: #ff0 none;}
a:active.attention {text-decoration:none; color:#000; background:#ff0 none;}

a:link.audio {text-decoration:none; color:#c11919; background: #fff; padding: .5em 1em; -moz-border-radius: .5em; -webkit-border-radius: .5em; border-radius: .5em; border: 1px solid #c11919 ; }
a:visited.audio {text-decoration:none; color:#c11919; background: #fff; padding: .5em 1em; -moz-border-radius: .5em; -webkit-border-radius: .5em; border-radius: .5em; border: 1px solid #c11919 ; }
a:focus.audio {text-decoration:none; color:#fff; background: #c11919 none; padding: .5em 1em; -moz-border-radius: .5em; -webkit-border-radius: .5em; border-radius: .5em; border: 1px solid #c11919 ; }
a:hover.audio {text-decoration:none; color:#fff; background: #c11919 none; padding: .5em 1em; -moz-border-radius: .5em; -webkit-border-radius: .5em; border-radius: .5em; border: 1px solid #c11919 ; }
a:active.audio {text-decoration:none; color:#fff; background:#c11919 none; padding: .5em 1em; -moz-border-radius: .5em; -webkit-border-radius: .5em; border-radius: .5em; border: 1px solid #c11919 ; }

/* http://jlhaslip.trap17.com/sm/check.php */
/* a[href^="http://"]:not([href*="www.ensembleresonanz.com"])::after {content: "\00A0" url(../img/arrow_ext.gif);} */
/* a:link[href^="http://"]:not([href*="www.ensembleresonanz.com"])::after {content: "\00A0" url(../img/arrow_ext.gif);} */
/* a:visited[href^="http://"]:not([href*="www.ensembleresonanz.com"])::after {content: "\00A0" url(../img/arrow_ext.gif);} */
/* a:hover[href^="http://"]:not([href*="www.ensembleresonanz.com"])::after {content: "\00A0" url(../img/arrow_ext.gif);} */
/* a:focus[href^="http://"]:not([href*="www.ensembleresonanz.com"])::after {content: "\00A0" url(../img/arrow_ext.gif);} */
/* a:active[href^="http://"]:not([href*="www.ensembleresonanz.com"])::after {content: "\00A0" url(../img/arrow_ext.gif);} */


a.extern::after {content: "\00A0" url(../img/arrow_ext.gif);}
a:link.extern::after {content: "\00A0" url(../img/arrow_ext.gif);}
a:visited.extern::after {content: "\00A0" url(../img/arrow_ext.gif);}
a:hover.extern::after {content: "\00A0" url(../img/arrow_ext.gif);}
a:focus.extern::after {content: "\00A0" url(../img/arrow_ext.gif);}
a:active.extern::after {content: "\00A0" url(../img/arrow_ext.gif);}


input, textarea { border: 1px solid #999; font-family: verdana, arial, helvetica, sans-serif; font-size: 1em; padding: .5em }

form { padding: 0 0 .5em 0; }

object { margin: 0 0 1em 0; }

p { padding: 0 0 1em 0; }

object {
	width: 600px;
	height: 400px;
	frameborder: 0;
	border: 0 solid white;
	}

/* =l 		layout													*/


html {
	background: #fff;
	}
	
body {
	font-family: verdana, arial, helvetica, sans-serif;
	color: #000;
	font-size: 100%; /*	http://www.alistapart.com/articles/howtosizetextincss	*/
	background: #fff;
	line-height: 1.125em;
	}

#wrapper {
	font-size: .689em;
	background: #fff;
	margin: 10px 30px 20px 30px;
	}
	
#container {
	width: 910px;
	}
	
	
#helpnav {
	padding: 1em 0 .5em 0;
	text-align:right;
	color: #a9a9a9;
	}
	
#helpnav dd
	{
	display: inline;
	list-style-type: none;
	padding: 0 0 0 1em;
	}
	

#helpnav a:link {text-decoration:none; color:#000; background: none #fff; padding: 0 0 0 1em; line-height: 1em; }
#helpnav a:visited {text-decoration:none; color:#000; background: none #fff; padding: 0 0 0 1em; line-height: 1em; }
#helpnav a:focus {text-decoration:underline; color:#c11919; background: none #fff; padding: 0 0 0 1em; line-height: 1em; }
#helpnav a:hover {text-decoration:underline; color:#c11919; background: none #fff; padding: 0 0 0 1em; line-height: 1em; }
#helpnav a:active {text-decoration:underline; color:#c11919; background: none #fff; padding: 0 0 0 1em; line-height: 1em; }


/* =mainnav Q: http://www.thevisualprocess.com/dev/rollover/		*/

#mainnav a:hover#roll_konzerte, #mainnav a:focus#roll_konzerte {
	cursor: pointer; /*IE needs this, also it appears to need ANYTHING in a:hover or the rollover will stick on the hover state*/
	background-color: #ccc;
	}

#mainnav a:hover#roll_ensemble, #mainnav a:focus#roll_ensemble {
	cursor: pointer; /*IE needs this, also it appears to need ANYTHING in a:hover or the rollover will stick on the hover state*/
	background-color: #ccc;
	}

#mainnav a:hover#roll_presse, #mainnav a:focus#roll_presse {
	cursor: pointer; /*IE needs this, also it appears to need ANYTHING in a:hover or the rollover will stick on the hover state*/
	background-color: #ccc;
	}

#mainnav a:hover#roll_media, #mainnav a:focus#roll_media {
	cursor: pointer; /*IE needs this, also it appears to need ANYTHING in a:hover or the rollover will stick on the hover state*/
	background-color: #ccc;
	}
	
#mainnav a:hover#roll_partner, #mainnav a:focus#roll_partner {
	cursor: pointer; /*IE needs this, also it appears to need ANYTHING in a:hover or the rollover will stick on the hover state*/
	background-color: #ccc;
	}

#mainnav a:hover#roll_kontakt, #mainnav a:focus#roll_kontakt {
	cursor: pointer; /*IE needs this, also it appears to need ANYTHING in a:hover or the rollover will stick on the hover state*/
	background-color: #ccc;
	}
	
	

#mainnav {
	margin: 20px 0 1em 0;
	border-bottom: 5px solid #c11919;
	list-style: none;
	float: left;
	clear: both;
	}
	
#mainnav dd {
	float: left;
	clear: none;
	}

#mainnav a#roll_home {
	display: block;
	position: relative;
	width: 57px;
	height: 36px;
	background-color: #eee;
	text-decoration: none;
	color:#333;
	font-weight:bold;
	margin: 0;
	padding: 0;
}

#mainnav a#roll_konzerte {
	display: block;
	position: relative;
	width: 104px;
	height: 36px;
	background-color: #eee;
	text-decoration: none;
	color:#333;
	font-weight:bold;
	margin: 0;
	padding: 0;
}

#mainnav a#roll_ensemble {
	display: block;
	position: relative;
	width: 106px;
	height: 36px;
	background-color: #eee;
	text-decoration: none;
	color:#333;
	font-weight:bold;
	margin: 0;
	padding: 0;
}

#mainnav a#roll_presse {
	display: block;
	position: relative;
	width: 83px;
	height: 36px;
	background-color: #eee;
	text-decoration: none;
	color:#333;
	font-weight:bold;
	margin: 0;
	padding: 0;
}

#mainnav a#roll_media {
	display: block;
	position: relative;
	width: 73px;
	height: 36px;
	background-color: #eee;
	text-decoration: none;
	color:#333;
	font-weight:bold;
	margin: 0;
	padding: 0;
}

#mainnav a#roll_partner {
	display: block;
	position: relative;
	width: 95px;
	height: 36px;
	background-color: #eee;
	text-decoration: none;
	color:#333;
	font-weight:bold;
	margin: 0;
	padding: 0;
}

#mainnav a#roll_kontakt {
	display: block;
	position: relative;
	width: 82px;
	height: 36px;
	background-color: #eee;
	text-decoration: none;
	color:#333;
	font-weight:bold;
	margin: 0;
	padding: 0;
}
		


#contextnav {
	font-size: 1em;
	padding: 0 0 1em 0;
	text-align: left;
	line-height: 1.5em;
	clear: both;
	height: 3em;
	}
	
#contextnav dd
	{
	display: inline;
	list-style-type: none;
	padding: 0 1em 0 0;
	}
	
#contextnav a:link {text-decoration:none; color:#000; background: none #fff; padding: 0; }
#contextnav a:visited {text-decoration:none; color:#000; background: none #fff; padding: 0; }
#contextnav a:focus {text-decoration:underline; color:#c11919; background: none #fff; padding: 0; }
#contextnav a:hover {text-decoration:underline; color:#c11919; background: none #fff; padding: 0; }
#contextnav a:active {text-decoration:underline; color:#c11919; background: none #fff; padding: 0; }

#contextnav a:link.act_con {text-decoration:none; font-weight: 700; color:#000; background: none #fff; padding: 0; cursor: pointer; }
#contextnav a:visited.act_con {text-decoration:none; font-weight: 700; color:#000; background: none #fff; padding: 0; cursor: pointer; }
#contextnav a:focus.act_con {text-decoration:none; font-weight: 700; color:#000; background: none #fff; padding: 0; cursor: pointer; }
#contextnav a:hover.act_con {text-decoration:none; font-weight: 700; color:#000; background: none #fff; padding: 0; cursor: pointer; }
#contextnav a:active.act_con {text-decoration:none; font-weight: 700; color:#000; background: none #fff; padding: 0; cursor: pointer; }

#helpnav a:link.act_con {text-decoration:none; color:#c11919; background: none #fff; padding: 0 0 0 1em; cursor: pointer; }
#helpnav a:visited.act_con {text-decoration:none; color:#c11919; background: none #fff; padding: 0 0 0 1em; cursor: pointer; }
#helpnav a:focus.act_con {text-decoration:none; color:#c11919; background: none #fff; padding: 0 0 0 1em; cursor: pointer; }
#helpnav a:hover.act_con {text-decoration:none; color:#c11919; background: none #fff; padding: 0 0 0 1em; cursor: pointer; }
#helpnav a:active.act_con {text-decoration:none; color:#c11919; background: none #fff; padding: 0 0 0 1em; cursor: pointer; }

	
/* http://www.quirksmode.org/css/clearing.html */


#content {
	overflow: hidden;
	width: 100%;
	clear: both;
	}

.content_floatleft {
	float: left;
	background: #fff;
	width: 600px;
	}
	
.content_left {
	margin: 0 0 0 0;
	}
	
.content_left p {
	font-size: 1em;
	padding: 0 1em 1em 0
	}
	
.content_floatright {
	float: right;
	width: 290px;
	margin: 28px 0 0 0;
	display: block;
	}
	
.content_right {
	margin: 0 0 15px 0;
	background: #f0f0f0;
	width: 100%;
	float: left;
	}
	
.content_right_inner {
	padding: 1.5em 2em 1em 2em;
	}
	
/* print styles */
	
@media print {

#mainnav, #contextnav, .printnot { display: none !important; }

* {
	color: #000;
	font-size: 1em;
	line-height: 1.5em;
	}

img {
	border:none;
	}

h1 { 
	font-size: 16px;
	}
a { 
	text-decoration: none;
	}

h3 { 
	font-size: 14px;
	}

p { 
	color: #000;
	font-size: 12px;
	}
	
#footer { 
	margin: 2em 0 0 0;
	text-align: center;
	}
	
}