/* normalizes everything */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td { 
margin : 0; 
padding : 0; 
}

h1, h2, h3, h4, h5, h6 { 
font-size : 100%; 
}

ol, ul { 
list-style : none; 
}

address, caption, cite, code, dfn, th, var	{ 
font-style : normal; 
font-weight : normal; 
}

table { 
border-collapse : collapse; 
border-spacing : 0; 
}

fieldset, img { 
border : 0; 
}

caption,th { 
text-align : left; 
}

q:before, q:after { 
content :''; 
}


/* body _________________________________________________________________ */

body.intro	{
background: #fff;
color: #505050;
margin-top: 25%;
margin-bottom: 45px;
font: small verdana, arial, sans-serif;
}

body 	{
background: #fff;
color: #505050;
font: small verdana, arial, sans-serif;
margin: 0 0 45px 0;
}


/* wrapper ____________________________________________________________ */

#wrap_bio {
width: 980px; 
background: #fff url(../images/bg_bio.gif) repeat-y left top;
}

#wrap_unterricht {
width: 980px; 
background: #fff url(../images/bg_unterricht.gif) repeat-y left top;
}

#wrap_konzerte {
width: 980px; 
background: #fff url(../images/bg_konzerte.gif) repeat-y left top;
}

#wrap_kontakt {
width: 980px; 
background: #fff url(../images/bg_kontakt.gif) repeat-y left top;
}


/* branding ________________________________________________________ */

#branding	{
height: 86px;
padding-bottom: 20px;
background: #fff url(../images/header.jpg) no-repeat left top;
}

#branding.intro	{
height: 100px;
margin: 0;
padding: 0;
background: #fff url(../images/intro.jpg) no-repeat left top;
}

#branding a.home {
display: block;
width: 980px;
height: 86px;
border: none;
}

h1	{
position: absolute;
top: 0;
left: -9999px;
}


/* content ________________________________________________________ */

#content {
width: 740px;
float: right;
}

hr {
display: none;
}

#content h2	{
font: 1em verdana, arial, sans-serif;
color: #999;
background: #eee;
margin: 0 250px 25px 0;
padding: 1px 5px;
}

#content p	{
font: 0.8em verdana, arial, sans-serif;
margin: 0 250px 15px 0;
color: #999;
line-height: 120%;
}

#content a	{
color: #666;
text-decoration: none;
}

#content a:hover	{
color: #ccc;
text-decoration: none;
}

#content a:focus	{
color: #fff!important;
background: #7e0341;
text-decoration: none;
}

#content a:visited	{
color: #7e0341;
text-decoration: none;
}

abbr	{
border: none;
}


/* sidebar _______________________________________________________________ */

#sidebar {	
width: 200px;
float: left;
}

#sidebar.intro {
width: 290px;
float: left;
padding-left: 125px;
}


/* site info _____________________________________________________________ */

#site_info {
clear: both;
border-top: 1px solid #ccc;
margin: 0 250px 0 240px;
}

#site_info p {
font: 0.8em verdana, arial, sans-serif;
color: #999;
position: absolute;
top: 0;
left: -9999px;
}


/* navigation ______________________________________________________ */ 

#nav_main	{
background: #fff;
color: #999;
margin: 0;
padding-bottom: 25px;
}

#nav_main h2	{
position: absolute;
top: 0;
left: -9999px;
}

ul#nav 	{
font: 0.9em verdana, arial, sans-serif;
text-align: right;
margin: 0;
padding: 0;
border-top: 1px solid #ccc;
}
  
ul#nav li 	{
list-style: none;
border-bottom: 1px solid #ccc;
}

ul#nav li a 	{
color: #999; 
background: #fff;
text-decoration: none;
display: block;
padding: 2px 0;
}
  
ul#nav li a:hover 	{
background: #eee;
}

ul#nav li a:focus 	{
background: #eee;
}

#nav_intro	{
background: #fff;
color: #999;
margin: 0;
padding: 0;
}

#nav_intro h2	{
position: absolute;
top: 0;
left: -9999px;
}

ul#intro 	{
font: 0.9em verdana, arial, sans-serif;
text-align: right;
margin: 0;
padding: 0;
}
  
ul#intro li 	{
list-style: none;
border-bottom: 1px solid #ccc;
}

ul#intro li a 	{
color: #999; 
background: #fff;
text-decoration: none;
display: block;
padding: 2px 0;
}
  
ul#intro li a:hover 	{
background: #eee;
}

ul#intro li a:focus 	{
background: #eee;
}


/* listen ______________________________________________________________ */

ul.text	{
font: 0.8em verdana, arial, sans-serif;
color: #999;
margin: 0 250px 15px 25px;
}

ul.text li	{
list-style: circle;
line-height: 120%;
}


/* links ___________________________________________________________________ */

a[href^="http:"]	{
background: url(../images/icon_extern.gif) no-repeat top right;
padding-right: 14px;
}

a[href^="http://www.julia.von-hasselbach.de"], a[href^="http://julia.von-hasselbach.de"]	{
background-image: none;
padding-right: 0;
}


/* vcard ____________________________________________________________________ */

.vcard  { 
font: 0.8em verdana, arial, sans-serif;
margin: 0 250px 15px 0;
padding: 0; 
color: #999;
line-height: 120%;
}

.vcard div { 
margin: 0;
padding: 0;
}

.vcard .adr span { 
margin: 0;
padding: 0;
}