/* http://developer.yahoo.com/yui/reset/ */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin:0; padding:0; } table { border-collapse:collapse; border-spacing:0; } fieldset, img { border:0; } address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal; } ol, ul { list-style:none; } caption, th { text-align:left; } h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; } q:before, q:after { content:''; } abbr, acronym { border:0; }

/** * force scrollbar and set nice colors */
html {
	height:					100%;
	margin-bottom:			1px;
}
body {
	height:					100%;
	margin-bottom:			1px;
	background-color:	silver; 
	/*background-image: url(pic/bg.jpg);*/
	color:					#333333;
	font-family:			Georgia, 'Times New Roman', serif;
    font-size:				100%;
	line-height:			22px;
}

p,
ul, ol,
h1, h2, h3, h4 {
	margin-bottom:			22px;
}
h1 {
	font-size:				30px;
	line-height:			44px;
	font-style:				italic;
}
h2 {
	font-size:				1.2em;
	font-weight:			bold;
}
h3 {
	font-size:				1.0em;
}
h4 {
	font-size:				1.0em;
}
.content ul, .content ol {
	list-style-position:	inside;
	list-style-type:		disc;
}
.content ol li ul,
.content ul li ol,
.content ul li ul,
.content ol li ol {
	margin-left:			22px;
}
.content ul {
	list-style-type:		circle;
}
.content ol {
	list-style-type:		decimal;
}
a {
	text-decoration:		underline;
}
blockquote {
	margin:					22px 8px;
	font-style:				italic;
	padding:				0 38px;
}
strong {
	font-weight:			bold;
}
em {
	font-style:				italic;
}

#start {
	background:				url( pic/startbg.jpg );
	width:					1024px;
	height:					681px;
	margin:					0 auto;
	position:				relative;

	/* can haz
	position:				absolute;
	top:					50%;
	margin-top:				-340px;
	left:					50%;
	margin-left:			-512px;
	*/
}
#page {
	width:					1010px;
	margin:					0 auto;
	background:				url( pic/gradient-bg.png ) bottom repeat-x #cdcdcd;
	overflow:				hidden;
}

/* nav */
#nav {
	font-family:			Rockwell, 'Palatino Linotype', Georgia, serif;
	font-size:				20px;
	padding-top:			35px;
	padding-left:			60px;
	margin-bottom:			34px;
}
#page #nav {
	background:				url( pic/gradient-top.png ) top repeat-x;
	padding-top:			30px;
	height:					60px;
	margin:					0;
}
#nav ul {
	margin:					0;
}
#start #nav {
	padding-top:			28px;
	font-size:				16px;
}
#nav a {
	color:					#51414b;
	text-decoration:		none;
}
#nav a:hover,
#nav a.active {
	text-decoration:		underline;
}
#start #nav a {
	color:					#cccccc;
}
#nav li {
	display:				inline;
	margin-right:			10px;
	letter-spacing:			1px;
}

/* about */
#about {
	color:					#c1c5c1;
	font-family:			'Times New Roman', Georgia, serif;;
	font-size:				48px;
	line-height:			42px;
}
#page #about {
	background:				url( pic/aboutbg.jpg );
	width:					1010px;
	height:					111px;
	padding:				60px 0 0 60px;
	margin-bottom:			50px;
}
#start #about {
	position:				absolute;
	top:					227px;
	left:					60px;
}
#about .name {
	text-transform:			uppercase;
}
#about .instrument {
	font-style:				italic;
}

/* content */
#content {
	float:					left;
	width:					490px;
	margin-left:			60px;
	padding-bottom:			100px;
}
#sidebar {
	float:					left;
	width:					300px;
	margin-left:			60px;
}
.content {
	font-size:				18px;
	font-size:				1.05em;
}
.content a {
	color:					#0d0d0d;
}

/* content_concerts */
#content_concerts {
	float:					left;
	width:					680px;
	margin-left:			60px;
	padding-bottom:			100px;
}

#sidebar_concerts {
	float:					left;
	width:					200px;
	margin-left:			60px;
}
.content {
	font-size:				18px;
	font-size:				1.05em;
}
.content a {
	color:					#0d0d0d;
}

/* content_unterricht*/
#content_unterricht {
	float:					left;
	width:					680px;
	margin-left:			60px;
	padding-bottom:			100px;
}




/* content_visual */
#content_visual {
	float:					left;
	width:					700px;
	margin-left:			60px;
	padding-bottom:			100px;
}
#sidebar_visual {
	float:					left;
	width:					90px;
	margin-left:			60px;
}
.content {
	font-size:				18px;
	font-size:				1.05em;
}
.content a {
	color:					#0d0d0d;
}








/* footer */
#footer {
	clear:					both;
	background:				url( pic/gradient-bottom.png ) repeat-x;
	height:					52px;
}


#nav_footer {
	font-family:			Georgia, 'Palatino Linotype', serif;
	font-size:				12px;
	font-variant: small-caps;
	padding-top:			22px;
	padding-left:			60px;
	margin-bottom:			34px;
}


#nav_footer ul {
	margin:					0;
}

#nav_footer a {
	color:					#C0C0C0;
	text-decoration:		none;
}
#nav_footer a:hover,
#nav_footer a.active {
	text-decoration:		underline;
}
#nav_footer li {
	display:				inline;
	margin-right:			10px;
	letter-spacing:			1px;
}


/* CDs */
.cd {
		overflow:				hidden;
	margin: 40px 0 10px 0;
}


.cd h2 {
	font-family:			Georgia, 'Times New Roman', serif;
	font-size:				16px;
	font-weight:			bold;
}
.cover {
	float:					left;
	width:					160px;
}

.player {
	float:					left;
	width:					290px;
	margin-left:			10px;
}


.samples {margin-bottom: 8px;
font-size: 1.1em;
font-style: italic;
} 

.rez {margin-bottom: 0px;
padding-bottom: 10px;
}

.mitwirkende {margin-bottom: 10px;
padding-bottom: 0px;
}

.order {
margin-bottom: 10px;
padding-bottom;
font-size:14px;
line-height: 14px;}


.order img {
	vertical-align:			bottom;
}



/** INFORECHTS**/

.inforechts {
	float:					left;
	width:					290px;
	margin-left:			10px;
}


.inforechts h2 {
	margin: 0 0 10px 0; 
	padding: 0;
}

.inforechts p {
	margin: 0;
	padding: 0;
	}


.inforechts p.klein {
	font-size: 14px;
	margin: 6px 0 0 0;
	padding: 0;
	}

/** End of INFORECHTS **/



/** textcd **/
.textcd {
	float:					left;
	width:					390px;
	margin-left:			0px;
	margin-top: 			30px;
}


.textcd h2 {
	margin: 0 0 10px 0; 
	padding: 0;
}

.textcd p {
	margin: 0;
	padding: 0;
	}


.textcd p.klein {
	font-size: 14px;
	margin: 0px 0 0 0;
	padding: 0;
	}
/** end of textcd **/