@charset "UTF-8";
/* 2010-04 <ß> S. Zimmermann */

html {height:101%;}
html, body {width:100%;}
body {
	padding:50px 0 80px;
	color:#121212;
	background: #121212 url(../img/site/bg.gif) 0 0 repeat-x;
	font-family: "Trebuchet MS", Trebuchet, Verdana, Arial;
	font-size: 13px;
	line-height:18px;
	}

#head {
	position:relative;
	height:390px;
	width:100%;
	background: #fff url(../img/site/nathalie-o.gif) 0 0 no-repeat;
	}
#nat {
	position:absolute;
	left:630px;
	top:320px;
	width:295px;
	height:48px;
	background: transparent url(../img/site/nathalie-o-type.gif) right 0 no-repeat;
}
#nat a{
	display:block;
	height: 0px !important;
	height /**/:48px; /* IE 5/Win hack */ 
	padding: 48px 0 0 0;
	width:295px;
	overflow: hidden;
	background-color:transparent;
	}
#content{
	padding-top:26px;
}
div#accordion{
	width:950px;
}
	
h1.slide_trigger {
	display:block;
	height: 0px !important;
	height /**/:40px; /* IE 5/Win hack */ 
	padding: 40px 0 0 0;
	width:950px;
	overflow: hidden;
/*	background-image: url('') 0 0 no-repeat;*/
	background-color:#666;
	cursor:pointer;
	}
	
h1.slide_trigger#item01 {background-image:url(../img/nav/voices.png);}	
h1.slide_trigger#item02 {background-image:url(../img/nav/musicians.png);}	
h1.slide_trigger#item03 {background-image:url(../img/nav/listen.png);}	
h1.slide_trigger#item04 {background-image:url(../img/nav/dates.png);}	
h1.slide_trigger#item05 {background-image:url(../img/nav/contact.png);}	
h1.slide_trigger#item06 {background-image:url(../img/nav/nathalie.png);}	

/*
h1.slide_trigger:hover {cursor:pointer;}
h1.open:hover {cursor:default;}					
*/
.stnorm {background-color:#666;}
.sthover {background-color:#bbb;}
.stopen { background: #B00D27; }

.slide {
	background: #fff url('../img/site/marker.gif') 691px -8px no-repeat;
	}
.slidetext {
	width:590px;
	padding: 14px 10px 0 100px;
	float:left;
	}
.col1 {
	width:280px;
	padding-left:100px;
	margin-right:10px;
	}
.col2{
	width:280px;
	padding-left:0;
	}
.col3{
	width:240px;
	padding:14px 10px 0 0;
	float:right;
	}		
.slideimg {
	padding-top:10px;
	width:244px;
	text-align:center;
	float:right;
	}	
.slideimg img {margin-top:30px;}
.slideimg a:hover {background-color:#fff;}
.clearer{
	clear:both;
	height:16px;
	border-bottom: 22px solid #121212;
	background: #fff url('../img/site/marker.gif') 691px 8px no-repeat;
	}

.marker2 {background-position:250px -8px;}
.marker2 .clearer {background-position:250px 8px;}
.marker3 {background-position:90px -8px;}
.marker3 .clearer {background-position:90px 8px;}


/* Typo */
strong, b {font-weight:bold;}
em, i {font-style:oblique;}
.slidetext em {font-size:11px;}
p {margin-bottom:6px;}
h2, h3 {font-weight:bold;
	padding-bottom:6px;}
.red {color:#A80019;}
ul {
	padding:0 0 6px 0;
	list-style-position: outside;
	margin-left:14px;
	}
ul#tracks li {margin-bottom:6px;}	
ul.tracks li {margin-bottom:6px;}
/*
ul#tracks img {
	position:absolute;
	left:-27px;
	cursor:pointer;
	}
*/
ul#tracks, ul#media, ul#musiciansportraits, ul.markers, ul.tracks {list-style-image: url(../img/site/listmarker.gif);}
ul#pictures li {padding-bottom:9px;}
ul#video li {padding-bottom:9px; margin-right:31px;}


a, li a, li a img {display:block;}
.slideimg a img {border: 2px solid #121212;}
ul#pictures li img {
	display:inline; 
	float:left;
	margin-bottom:9px;
	margin-right:10px;
	}
ul#pictures li a img {
	border: 2px solid #121212;
	}	
ul#pictures li a:hover img, .slideimg a:hover img { border: 2px solid #A80019;}	
ul#pictures li {clear:both;}	
/* ul#musiciansportraits {font-weight:bold;} */

a:link, a:visited, a:active {
	color:#121212;
	padding-left:0px;
	}
#pictures a {
	padding-left:0;
	}
#video a {padding: 0 0 2px 2px;}	
#video a img {margin-left: -2px; padding-bottom:3px;}
		

	
.hoverstyle {
	color:#A80019;
	background-color:#eee;
/*	padding-left:2px;*/
	}
.hrefstyle {
	color:#121212;
	background-color:#fff;
/*	padding-left:0px; */
	}


#news li {padding-bottom:9px;}
#news li li {padding-bottom:0px;}
#news li ul {padding:0;}

#news li span {color:#A80019;}

.dates h3 {
	color:#A80019;
	font-weight:bold;
	padding:0 0 0 14px;
	}
.dates p {
	color:#A80019;
	padding:0 0 9px 14px;
	}	
.dates a {
	display:inline-block;
	padding-right:2px;
	}
a.inline {	
	display:inline-block;
	padding: 0 2px;}	
hr {
	height:0;
	border:0 solid;
	border-top:2px dotted #121212;
	padding-bottom:9px;
	}
	
#accordion {visibility:hidden;}

#wimpyButtonBridgeTarget {position:absolute; bottom:0;}
/* ModX */
.debug {
	position:absolute;
	top:-25px;
	right:0px;
	color:#999;
	padding:50px 78px;
}
.mailme {display:none;}

/* put in noscript


a:hover {
color:#A80019;
background-color:#eee;
}

*/
.german {
	color:#888;
	font-style:italic;
}
.grey {color:#888;}