@import url(typo3_extensions.css);

* {margin: 0px; padding: 0px;}
html {height: 100%;}
body { min-height: 101%; font-size: x-small; /* für IE%/Win*/f\ont-size: small; /*für alle andreren IE*/font-family:  helvetica, Arial, san-serif; color: #fff; line-height: 140%; background-color: #1b1b1b; background-image: url(basisdesign/bg.gif); background-repeat: repeat-x; background-position: center 0; }
#container {width: 780px; background-position: left 50%; position: absolute; left: 50%; width: 780px; height: 100%; margin-left: -390px; border: }
#header {width: 780px; height: 100px; padding: 0 10px 0 20px;  }
#header h1 {margin: 0; padding: 50px 0; }

#breadcrumb{margin: 0; padding: 0 10px 0 20px;}
#breadcrumb, #breadcrumb a, #breadcrumb a:visited {color: #fff; text-decoration: none; line-height: 50px; text-transform: uppercase;}
#breadcrumb a:hover {color: #8cbae7;}

#footer {font-size: 80%; color: #555;padding: 0 10px 0 20px; }

/* Navigation */
/*
ul {width:150px; list-style-type:none;}
ul a {display:block;text-decoration:none;}
ul li {width:150px; margin:0; padding:0;}
*/	
.buttonscontainer {width: 180px;}
.buttons a {color: #FFFFFF; padding: 2px; padding-left: 3px; display: block; font-weight: bold; text-decoration: none;text-align: right; background-color: #1b1b1b;}
.buttons a:hover {color: #8cbae7;text-decoration: none; background-color: #1b1b1b;}
.artistbuttons {float: left;}
.artistcontainer {width: 400px; float: left;}

#sidebar {background-color: #1b1b1b;}



/*Layout*/
#sidebar {float: right; width: 180px; padding: 10px 0;text-align: right;}
#content {margin: 0 240px 0 0; padding: 10px 20px;} 
#content h1 { font-size:140%;padding-bottom: 0.5em;}
#content p {padding-bottom: 0.8em;}
#content li {list-style: disc; list-style-position: outside; margin-left: 1.2em;}
.clearfloat { clear:both; height:0;font-size: 1px; line-height: 0px;}